@knitli/docs-components 1.3.1 → 1.3.4
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.
- package/dist/assets/favicon/index.js +8 -10
- package/dist/assets/logos/index.js +25 -21
- package/dist/assets/styles/index.js +12 -14
- package/dist/data/products.js +17 -32
- package/dist/index.js +39 -44
- package/dist/styles/index.js +7 -4
- package/dist/types/index.js +1 -7
- package/package.json +12 -5
- package/dist/assets/favicon/android-chrome-192x192.png +0 -0
- package/dist/assets/favicon/android-chrome-512x512.png +0 -0
- package/dist/assets/favicon/apple-touch-icon.png +0 -0
- package/dist/assets/favicon/favicon-16x16.png +0 -0
- package/dist/assets/favicon/favicon-32x32.png +0 -0
- package/dist/assets/favicon/favicon.ico +0 -0
- package/dist/assets/favicon/favicon.svg +0 -86
- package/dist/assets/favicon/index.d.ts +0 -7
- package/dist/assets/favicon/index.d.ts.map +0 -1
- package/dist/assets/favicon/social.webp +0 -0
- package/dist/assets/logos/Thread_vector_mono_aubergine.svg +0 -41
- package/dist/assets/logos/Thread_vector_mono_copper.svg +0 -41
- package/dist/assets/logos/Thread_vector_mono_parchment.svg +0 -41
- package/dist/assets/logos/codeweaver-primary.svg +0 -103
- package/dist/assets/logos/codeweaver-reverse.svg +0 -103
- package/dist/assets/logos/headline_logo.webp +0 -0
- package/dist/assets/logos/headline_logo_dark.png +0 -0
- package/dist/assets/logos/headline_logo_dark.webp +0 -0
- package/dist/assets/logos/index.d.ts +0 -29
- package/dist/assets/logos/index.d.ts.map +0 -1
- package/dist/assets/logos/knitli_logo.svg +0 -143
- package/dist/assets/logos/knitli_wordmark.svg +0 -118
- package/dist/assets/logos/recoco-lg.webp +0 -0
- package/dist/assets/logos/recoco-med.webp +0 -0
- package/dist/assets/logos/recoco-sm.webp +0 -0
- package/dist/assets/logos/recoco-xl.webp +0 -0
- package/dist/assets/logos/recoco-xs.webp +0 -0
- package/dist/assets/styles/codeweaver-theme.css +0 -570
- package/dist/assets/styles/global.css +0 -166
- package/dist/assets/styles/index.d.ts +0 -15
- package/dist/assets/styles/index.d.ts.map +0 -1
- package/dist/assets/styles/knitli-theme.css +0 -215
- package/dist/assets/styles/textures.css +0 -668
- package/dist/assets/styles/typography.css +0 -262
- package/dist/assets/styles/variables.css +0 -238
- package/dist/data/products.d.ts +0 -44
- package/dist/data/products.d.ts.map +0 -1
- package/dist/data/products.json +0 -45
- package/dist/index.d.ts +0 -55
- package/dist/index.d.ts.map +0 -1
- package/dist/styles/custom.css +0 -73
- package/dist/styles/index.d.ts +0 -2
- package/dist/styles/index.d.ts.map +0 -1
- package/dist/templates/AstroConfigTemplate.d.mts +0 -3
- package/dist/templates/AstroConfigTemplate.d.mts.map +0 -1
- package/dist/templates/AstroConfigTemplate.mjs +0 -305
- package/dist/types/index.d.ts +0 -31
- package/dist/types/index.d.ts.map +0 -1
|
@@ -1,262 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2025 Knitli Inc.
|
|
3
|
-
* SPDX-FileContributor: Adam Poulemanos <adam@knit.li>
|
|
4
|
-
*
|
|
5
|
-
* SPDX-License-Identifier: LicenseRef-KnitliProprietary
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/* ===================================================
|
|
9
|
-
TYPOGRAPHY - Knitli Landing Page
|
|
10
|
-
6-Font System for Maximum Brand Distinctiveness
|
|
11
|
-
=================================================== */
|
|
12
|
-
|
|
13
|
-
/* === KNITLI SECTIONS === */
|
|
14
|
-
|
|
15
|
-
.knitli-section h1 {
|
|
16
|
-
font-family: var(--font-knitli-display);
|
|
17
|
-
font-weight: 700;
|
|
18
|
-
font-size: clamp(2.75rem, 6vw, var(--font-4xl));
|
|
19
|
-
/* Responsive: 2.75rem (44px) → 4.209rem (67px) */
|
|
20
|
-
line-height: 1.05;
|
|
21
|
-
letter-spacing: -0.03em;
|
|
22
|
-
color: var(--knitli-primary);
|
|
23
|
-
margin-bottom: var(--knitli-space-md);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.knitli-section h2 {
|
|
27
|
-
font-family: var(--font-bridge);
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
font-size: clamp(var(--font-xl), 4vw, var(--font-2xl));
|
|
30
|
-
/* Responsive: 2rem (32px) → 2.369rem (38px) */
|
|
31
|
-
line-height: 1.2;
|
|
32
|
-
color: var(--knitli-primary);
|
|
33
|
-
margin-bottom: var(--knitli-space-sm);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.knitli-section h3 {
|
|
37
|
-
font-family: var(--font-bridge);
|
|
38
|
-
font-weight: 500;
|
|
39
|
-
font-size: clamp(var(--font-lg), 3vw, 1.875rem);
|
|
40
|
-
/* Responsive: 1.5rem (24px) → 1.875rem (30px) */
|
|
41
|
-
line-height: 1.3;
|
|
42
|
-
color: var(--knitli-primary);
|
|
43
|
-
margin-bottom: var(--knitli-space-sm);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.knitli-section p {
|
|
47
|
-
font-family: var(--font-knitli-body);
|
|
48
|
-
font-size: var(--font-md);
|
|
49
|
-
/* 1.333rem - 21px (was 1.25rem/20px) */
|
|
50
|
-
line-height: 1.7;
|
|
51
|
-
color: var(--knitli-text);
|
|
52
|
-
margin-bottom: var(--knitli-space-md);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.knitli-section .lead {
|
|
56
|
-
font-size: var(--font-lg);
|
|
57
|
-
/* 1.5rem - 24px */
|
|
58
|
-
line-height: 1.6;
|
|
59
|
-
font-weight: 400;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.knitli-section .handwritten {
|
|
63
|
-
font-family: var(--font-knitli-accent);
|
|
64
|
-
font-size: var(--font-base);
|
|
65
|
-
/* 1.125rem - 18px */
|
|
66
|
-
color: var(--knitli-rust);
|
|
67
|
-
transform: rotate(-1.5deg);
|
|
68
|
-
display: inline-block;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/* === CODEWEAVER SECTIONS === */
|
|
72
|
-
|
|
73
|
-
.codeweaver-section h1 {
|
|
74
|
-
font-family: var(--font-cw-display);
|
|
75
|
-
font-weight: 700;
|
|
76
|
-
font-size: clamp(2.5rem, 5vw, var(--font-3xl));
|
|
77
|
-
/* Responsive: 2.5rem (40px) → 3.157rem (51px) */
|
|
78
|
-
line-height: 1.15;
|
|
79
|
-
letter-spacing: -0.02em;
|
|
80
|
-
text-transform: uppercase;
|
|
81
|
-
color: var(--cw-primary);
|
|
82
|
-
margin-bottom: var(--cw-space-md);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.codeweaver-section h2 {
|
|
86
|
-
font-family: var(--font-bridge);
|
|
87
|
-
font-weight: 500;
|
|
88
|
-
font-size: clamp(1.75rem, 3vw, var(--font-xl));
|
|
89
|
-
/* Responsive: 1.75rem (28px) → 2rem (32px) */
|
|
90
|
-
line-height: 1.3;
|
|
91
|
-
color: var(--cw-primary);
|
|
92
|
-
margin-bottom: var(--cw-space-sm);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.codeweaver-section h3 {
|
|
96
|
-
font-family: var(--font-bridge);
|
|
97
|
-
font-weight: 500;
|
|
98
|
-
font-size: clamp(var(--font-md), 2.5vw, 1.75rem);
|
|
99
|
-
/* Responsive: 1.333rem (21px) → 1.75rem (28px) */
|
|
100
|
-
line-height: 1.4;
|
|
101
|
-
color: var(--cw-primary);
|
|
102
|
-
margin-bottom: var(--cw-space-sm);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.codeweaver-section p {
|
|
106
|
-
font-family: var(--font-cw-body);
|
|
107
|
-
font-size: var(--font-base);
|
|
108
|
-
/* 1.125rem - 18px */
|
|
109
|
-
line-height: 1.65;
|
|
110
|
-
color: var(--cw-text);
|
|
111
|
-
margin-bottom: var(--cw-space-md);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.codeweaver-section code,
|
|
115
|
-
.codeweaver-section .stat-number {
|
|
116
|
-
font-family: var(--font-cw-display);
|
|
117
|
-
font-weight: 700;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.codeweaver-section pre:not(.terminal-content pre):not(.result-code pre) {
|
|
121
|
-
font-family: var(--font-cw-display);
|
|
122
|
-
font-size: var(--font-xs);
|
|
123
|
-
/* 0.875rem - 14px */
|
|
124
|
-
line-height: 1.6;
|
|
125
|
-
background: var(--cw-bg);
|
|
126
|
-
padding: var(--cw-space-md);
|
|
127
|
-
border: 2px solid var(--cw-primary);
|
|
128
|
-
border-radius: 4px;
|
|
129
|
-
overflow-x: auto;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
/* === SHARED === */
|
|
133
|
-
|
|
134
|
-
.label,
|
|
135
|
-
.workshop-label {
|
|
136
|
-
font-family: var(--font-bridge);
|
|
137
|
-
font-weight: 700;
|
|
138
|
-
font-size: var(--font-2xs);
|
|
139
|
-
/* 0.75rem - 12px */
|
|
140
|
-
text-transform: uppercase;
|
|
141
|
-
letter-spacing: 0.1em;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
/* === LISTS === */
|
|
145
|
-
|
|
146
|
-
.knitli-section ul,
|
|
147
|
-
.knitli-section ol {
|
|
148
|
-
font-family: var(--font-knitli-body);
|
|
149
|
-
font-size: var(--font-base);
|
|
150
|
-
/* 1.125rem - 18px */
|
|
151
|
-
line-height: 1.7;
|
|
152
|
-
color: var(--knitli-text);
|
|
153
|
-
margin-bottom: var(--knitli-space-md);
|
|
154
|
-
padding-left: 1.5rem;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.codeweaver-section ul,
|
|
158
|
-
.codeweaver-section ol {
|
|
159
|
-
font-family: var(--font-cw-body);
|
|
160
|
-
font-size: var(--font-sm);
|
|
161
|
-
/* 1rem - 16px */
|
|
162
|
-
line-height: 1.65;
|
|
163
|
-
color: var(--cw-text);
|
|
164
|
-
margin-bottom: var(--cw-space-md);
|
|
165
|
-
padding-left: 1.5rem;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
/* === LINKS === */
|
|
169
|
-
|
|
170
|
-
.knitli-section a:not(.btn) {
|
|
171
|
-
color: var(--knitli-rust);
|
|
172
|
-
text-decoration: underline;
|
|
173
|
-
text-underline-offset: 4px;
|
|
174
|
-
text-decoration-thickness: 2px;
|
|
175
|
-
transition: color 0.2s;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.knitli-section a:not(.btn):hover {
|
|
179
|
-
color: var(--knitli-aubergine);
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.codeweaver-section a:not(.btn) {
|
|
183
|
-
color: var(--cw-copper);
|
|
184
|
-
text-decoration: underline;
|
|
185
|
-
text-underline-offset: 3px;
|
|
186
|
-
text-decoration-thickness: 1px;
|
|
187
|
-
transition: color 0.2s;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.codeweaver-section a:not(.btn):hover {
|
|
191
|
-
color: var(--cw-primary);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
/* === MOBILE RESPONSIVE === */
|
|
195
|
-
|
|
196
|
-
@media (max-width: 768px) {
|
|
197
|
-
.knitli-section p,
|
|
198
|
-
.codeweaver-section p {
|
|
199
|
-
font-size: var(--font-sm);
|
|
200
|
-
/* 1rem - 16px base on mobile */
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.knitli-section .lead {
|
|
204
|
-
font-size: var(--font-md);
|
|
205
|
-
/* 1.333rem - 21px (was 1.25rem/20px) */
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.knitli-section ul,
|
|
209
|
-
.knitli-section ol,
|
|
210
|
-
.codeweaver-section ul,
|
|
211
|
-
.codeweaver-section ol {
|
|
212
|
-
font-size: var(--font-sm);
|
|
213
|
-
/* 1rem - 16px */
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
/* === BLOCKQUOTE === */
|
|
218
|
-
|
|
219
|
-
.knitli-section blockquote {
|
|
220
|
-
font-family: var(--font-knitli-display);
|
|
221
|
-
font-size: var(--font-lg);
|
|
222
|
-
/* 1.5rem - 24px */
|
|
223
|
-
line-height: 1.5;
|
|
224
|
-
font-style: italic;
|
|
225
|
-
color: var(--knitli-primary);
|
|
226
|
-
border-left: 4px solid var(--knitli-rust);
|
|
227
|
-
padding-left: var(--knitli-space-md);
|
|
228
|
-
margin: var(--knitli-space-lg) 0;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.codeweaver-section blockquote {
|
|
232
|
-
font-family: var(--font-cw-body);
|
|
233
|
-
font-size: var(--font-md);
|
|
234
|
-
/* 1.333rem - 21px (was 1.25rem/20px) */
|
|
235
|
-
line-height: 1.6;
|
|
236
|
-
color: var(--cw-primary);
|
|
237
|
-
border-left: 3px solid var(--cw-copper);
|
|
238
|
-
padding-left: var(--cw-space-md);
|
|
239
|
-
margin: var(--cw-space-lg) 0;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
/* === TEXT UTILITIES === */
|
|
243
|
-
|
|
244
|
-
.text-center {
|
|
245
|
-
text-align: center;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.text-balance {
|
|
249
|
-
text-wrap: balance;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.font-display {
|
|
253
|
-
font-family: var(--font-knitli-display);
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
.font-mono {
|
|
257
|
-
font-family: var(--font-cw-display);
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.font-handwritten {
|
|
261
|
-
font-family: var(--font-knitli-accent);
|
|
262
|
-
}
|
|
@@ -1,238 +0,0 @@
|
|
|
1
|
-
/* === CUSTOM PROPERTIES === */
|
|
2
|
-
|
|
3
|
-
:root {
|
|
4
|
-
/* === KNITLI BRAND COLORS === */
|
|
5
|
-
--knitli-aubergine: oklch(0.1764 0.0549 332.67);
|
|
6
|
-
/* #1e061b - Deep, cozy */
|
|
7
|
-
--knitli-rust: oklch(0.6494 0.1874 35.74);
|
|
8
|
-
/* #ea5932 - Warm energy */
|
|
9
|
-
--knitli-parchment: oklch(0.9464 0.0258 62.58);
|
|
10
|
-
/* #F2ECE7 - Paper warmth */
|
|
11
|
-
--porcelain: oklch(0.9833 0.0062 75.41);
|
|
12
|
-
/* #fcf9f5 - Clean, bright white with warm (orange) undertones */
|
|
13
|
-
/* Use porcelain for pure white needs.
|
|
14
|
-
Parchment works best in small amounts as a warm accent.
|
|
15
|
-
In larger areas, it can look like sand or khaki.
|
|
16
|
-
Use porcelain for larger areas that need to feel bright and clean. */
|
|
17
|
-
|
|
18
|
-
/* Vibrant variations */
|
|
19
|
-
--knitli-vibrant-aubergine: oklch(0.1764 0.0794 332.67);
|
|
20
|
-
--knitli-vibrant-rust: oklch(0.6494 0.223 35.74);
|
|
21
|
-
--knitli-vibrant-parchment: oklch(0.9464 0.0337 62.58);
|
|
22
|
-
|
|
23
|
-
--knitli-rust-low: oklch(0.39 0.1874 35.74);
|
|
24
|
-
/* Lighter rust for accents */
|
|
25
|
-
--knitli-aubergine-low: oklch(0.05 0.0228 332.67);
|
|
26
|
-
/* Lighter aubergine for accents */
|
|
27
|
-
--knitli-parchment-low: oklch(0.69 0.0258 62.58);
|
|
28
|
-
/* Lighter parchment for accents */
|
|
29
|
-
--knitli-rust-high: oklch(0.89 0.0587 35.74);
|
|
30
|
-
/* Darker rust for depth */
|
|
31
|
-
--knitli-aubergine-high: oklch(0.43 0.1926 332.67);
|
|
32
|
-
/* Darker aubergine for depth */
|
|
33
|
-
--knitli-parchment-high: oklch(0.99 0.0054 62.58);
|
|
34
|
-
/* Slightly darker parchment for depth */
|
|
35
|
-
|
|
36
|
-
--knitli-primary: var(--knitli-aubergine);
|
|
37
|
-
--knitli-secondary: var(--knitli-rust);
|
|
38
|
-
--knitli-bg: var(--knitli-parchment);
|
|
39
|
-
--knitli-text: var(--knitli-aubergine);
|
|
40
|
-
|
|
41
|
-
/* === CODEWEAVER PRODUCT COLORS === */
|
|
42
|
-
--cw-blue-gray: oklch(0.4595 0.0374 240.18);
|
|
43
|
-
/* #455b6b - Analytical */
|
|
44
|
-
--cw-copper: oklch(0.6011 0.1188 56.91);
|
|
45
|
-
/* #b56c30 - Bridge accent */
|
|
46
|
-
--cw-cream: oklch(0.965 0.0114 84.58);
|
|
47
|
-
/* #f7f3eb - Warmed slightly from pure cream */
|
|
48
|
-
--cw-crisp-white: oklch(0.99 0.0054 240.18);
|
|
49
|
-
/* Clean, bright white */
|
|
50
|
-
/* Warmer technical canvas, closer to parchment family */
|
|
51
|
-
--cw-paper: oklch(0.96 0.02 70);
|
|
52
|
-
/* Solid opaque paper texture background */
|
|
53
|
-
|
|
54
|
-
/* Vibrant variations */
|
|
55
|
-
--cw-vibrant-blue-gray: oklch(0.4594 0.105104 239.9241);
|
|
56
|
-
--cw-vibrant-copper: oklch(0.6017 0.1444 57.21);
|
|
57
|
-
--cw-vibrant-cream: oklch(0.965 0.0359 84.58);
|
|
58
|
-
|
|
59
|
-
--cw-blue-gray-low: oklch(0.2 0.02 240.18);
|
|
60
|
-
/* Lighter blue-gray for accents */
|
|
61
|
-
--cw-copper-low: oklch(0.35 0.08 56.91);
|
|
62
|
-
/* Lighter copper for accents */
|
|
63
|
-
--cw-blue-gray-high: oklch(0.67 0.02 240.18);
|
|
64
|
-
/* Darker blue-gray for depth */
|
|
65
|
-
--cw-copper-high: oklch(0.75 0.1188 56.91);
|
|
66
|
-
/* Darker copper for depth */
|
|
67
|
-
|
|
68
|
-
--cw-primary: var(--cw-blue-gray);
|
|
69
|
-
--cw-secondary: var(--cw-copper);
|
|
70
|
-
--cw-bg: var(--cw-crisp-white);
|
|
71
|
-
--cw-text: var(--cw-blue-gray);
|
|
72
|
-
|
|
73
|
-
/* === SUPPORTING COLORS === */
|
|
74
|
-
--deep-purple: oklch(0.4 0.2415 280);
|
|
75
|
-
/* #3f01c3 - Highlights */
|
|
76
|
-
--steel-gray: oklch(0.63 0.03 243.35);
|
|
77
|
-
/* #7b8d9c - Neutral, versatile gray */
|
|
78
|
-
--steel-gray-high: oklch(0.88 0.03 243.35);
|
|
79
|
-
/* A lighter steel gray for depth and layering */
|
|
80
|
-
--steel-gray-low: oklch(0.38 0.03 243.35);
|
|
81
|
-
/* A darker steel gray for depth and layering */
|
|
82
|
-
|
|
83
|
-
/* === WORKSHOP AFFORDANCES === */
|
|
84
|
-
--workshop-shadow: var(--knitli-aubergine-low);
|
|
85
|
-
/* Soft depth */
|
|
86
|
-
--workshop-border: var(--steel-gray);
|
|
87
|
-
--workshop-bevel: rgba(255, 255, 255, 0.5);
|
|
88
|
-
|
|
89
|
-
/* === FONT FAMILIES === */
|
|
90
|
-
/* Knitli Brand Fonts - Warm, Editorial */
|
|
91
|
-
--font-knitli-display:
|
|
92
|
-
"Playfair Display", Didot, "Palatino Linotype", "Noto Serif",
|
|
93
|
-
"DejaVu Serif", serif;
|
|
94
|
-
--font-knitli-body:
|
|
95
|
-
"Crimson Pro", Baskerville, Cambria, "Palatino Linotype", "Noto Serif",
|
|
96
|
-
"DejaVu Serif", serif;
|
|
97
|
-
--font-knitli-accent:
|
|
98
|
-
"Permanent Marker", "Marker Felt", "Segoe Print", "Comic Sans MS", "Ubuntu",
|
|
99
|
-
cursive;
|
|
100
|
-
|
|
101
|
-
/* CodeWeaver Product Fonts - Technical, Precise */
|
|
102
|
-
--font-cw-display:
|
|
103
|
-
"JetBrains Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
104
|
-
--font-cw-body:
|
|
105
|
-
"IBM Plex Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
106
|
-
|
|
107
|
-
/* Bridge Font - Distinctive Monospace (connects serif warmth → technical precision) */
|
|
108
|
-
--font-bridge:
|
|
109
|
-
"DM Mono", "Roboto Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
|
110
|
-
|
|
111
|
-
/* === FONT SIZE SCALE === */
|
|
112
|
-
/* Perfect Fourth ratio (1.333) - harmonious with spacing system */
|
|
113
|
-
--font-3xs: 0.563rem; /* ~9px - tiny labels, metadata */
|
|
114
|
-
--font-2xs: 0.75rem; /* 12px - labels, captions */
|
|
115
|
-
--font-xs: 0.875rem; /* 14px - code, small text */
|
|
116
|
-
--font-sm: 1rem; /* 16px - body text minimum */
|
|
117
|
-
--font-base: 1.125rem; /* 18px - standard body */
|
|
118
|
-
--font-md: 1.333rem; /* 21px - subheadings */
|
|
119
|
-
--font-lg: 1.5rem; /* 24px - h4, lead */
|
|
120
|
-
--font-xl: 2rem; /* 32px - h3 */
|
|
121
|
-
--font-2xl: 2.369rem; /* 38px - h2 */
|
|
122
|
-
--font-3xl: 3.157rem; /* 51px - h1 */
|
|
123
|
-
--font-4xl: 4.209rem; /* 67px - hero */
|
|
124
|
-
--font-5xl: 5.61rem; /* 90px - display */
|
|
125
|
-
|
|
126
|
-
/* === KNITLI SPACING === */
|
|
127
|
-
--knitli-space-3xs: 0.296rem;
|
|
128
|
-
/* ~5px - fine details */
|
|
129
|
-
--knitli-space-2xs: 0.444rem;
|
|
130
|
-
/* ~7px - tight spacing */
|
|
131
|
-
--knitli-space-xs: 0.75rem;
|
|
132
|
-
/* 12px */
|
|
133
|
-
--knitli-space-sm: 1.25rem;
|
|
134
|
-
/* 20px */
|
|
135
|
-
--knitli-space-md: 2rem;
|
|
136
|
-
/* 32px */
|
|
137
|
-
--knitli-space-lg: 3rem;
|
|
138
|
-
/* 48px */
|
|
139
|
-
--knitli-space-xl: 4rem;
|
|
140
|
-
/* 64px */
|
|
141
|
-
--knitli-space-2xl: 6rem;
|
|
142
|
-
/* 96px */
|
|
143
|
-
--knitli-space-3xl: 8rem;
|
|
144
|
-
/* 128px */
|
|
145
|
-
|
|
146
|
-
/* === CODEWEAVER SPACING === */
|
|
147
|
-
--cw-space-3xs: 0.25rem;
|
|
148
|
-
/* 4px - fine details */
|
|
149
|
-
--cw-space-2xs: 0.375rem;
|
|
150
|
-
/* 6px - tight spacing */
|
|
151
|
-
--cw-space-xs: 0.5rem;
|
|
152
|
-
/* 8px */
|
|
153
|
-
--cw-space-sm: 1rem;
|
|
154
|
-
/* 16px */
|
|
155
|
-
--cw-space-md: 1.5rem;
|
|
156
|
-
/* 24px */
|
|
157
|
-
--cw-space-lg: 2rem;
|
|
158
|
-
/* 32px */
|
|
159
|
-
--cw-space-xl: 3rem;
|
|
160
|
-
/* 48px */
|
|
161
|
-
--cw-space-2xl: 4rem;
|
|
162
|
-
/* 64px */
|
|
163
|
-
--cw-space-3xl: 6rem;
|
|
164
|
-
/* 96px */
|
|
165
|
-
|
|
166
|
-
/* Font Weights */
|
|
167
|
-
--font-regular: 400;
|
|
168
|
-
--font-medium: 500;
|
|
169
|
-
--font-semibold: 600;
|
|
170
|
-
--font-bold: 700;
|
|
171
|
-
|
|
172
|
-
/* Line Heights */
|
|
173
|
-
--leading-tight: 1.25;
|
|
174
|
-
--leading-snug: 1.375;
|
|
175
|
-
--leading-normal: 1.5;
|
|
176
|
-
--leading-relaxed: 1.625;
|
|
177
|
-
--leading-loose: 2;
|
|
178
|
-
|
|
179
|
-
/* Letter Spacing */
|
|
180
|
-
--tracking-tight: -0.02em;
|
|
181
|
-
--tracking-normal: 0;
|
|
182
|
-
--tracking-wide: 0.05em;
|
|
183
|
-
--tracking-wider: 0.1em;
|
|
184
|
-
|
|
185
|
-
/* Container Widths */
|
|
186
|
-
--container-sm: 640px;
|
|
187
|
-
--container-md: 768px;
|
|
188
|
-
--container-lg: 1024px;
|
|
189
|
-
--container-xl: 1280px;
|
|
190
|
-
--container-2xl: 1536px;
|
|
191
|
-
|
|
192
|
-
/* ========================================
|
|
193
|
-
ANIMATION TIMING
|
|
194
|
-
======================================== */
|
|
195
|
-
|
|
196
|
-
--timing-fast: 150ms;
|
|
197
|
-
--timing-base: 300ms;
|
|
198
|
-
--timing-slow: 500ms;
|
|
199
|
-
|
|
200
|
-
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
201
|
-
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
202
|
-
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
203
|
-
|
|
204
|
-
/* ========================================
|
|
205
|
-
Z-INDEX LAYERS
|
|
206
|
-
======================================== */
|
|
207
|
-
|
|
208
|
-
--z-base: 0;
|
|
209
|
-
--z-dropdown: 1000;
|
|
210
|
-
--z-sticky: 1020;
|
|
211
|
-
--z-fixed: 1030;
|
|
212
|
-
--z-overlay: 1040;
|
|
213
|
-
--z-modal: 1050;
|
|
214
|
-
--z-popover: 1060;
|
|
215
|
-
--z-tooltip: 1070;
|
|
216
|
-
|
|
217
|
-
/* ========================================
|
|
218
|
-
RESPONSIVE BREAKPOINTS
|
|
219
|
-
======================================== */
|
|
220
|
-
|
|
221
|
-
--breakpoint-sm: 640px;
|
|
222
|
-
--breakpoint-md: 768px;
|
|
223
|
-
--breakpoint-lg: 1024px;
|
|
224
|
-
--breakpoint-xl: 1280px;
|
|
225
|
-
--breakpoint-2xl: 1536px;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
@media (color-gamut: p3) {
|
|
229
|
-
:root {
|
|
230
|
-
--knitli-vibrant-aubergine: oklch(0.1764 0.087 332.67);
|
|
231
|
-
--knitli-vibrant-rust: oklch(0.6494 0.2513 35.74);
|
|
232
|
-
--knitli-vibrant-parchment: oklch(0.9464 0.0435 62.58);
|
|
233
|
-
|
|
234
|
-
--cw-vibrant-blue-gray: oklch(0.4594 0.1371 239.9241);
|
|
235
|
-
--cw-vibrant-copper: oklch(0.6017 0.1654 57.21);
|
|
236
|
-
--cw-vibrant-cream: oklch(0.965 0.0446 84.58);
|
|
237
|
-
}
|
|
238
|
-
}
|
package/dist/data/products.d.ts
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
export type ProductStatus = "available" | "coming-soon" | "alpha" | "beta";
|
|
2
|
-
export interface Product {
|
|
3
|
-
/** URL slug used in docs paths, e.g. "recoco" */
|
|
4
|
-
slug: string;
|
|
5
|
-
/** Display name */
|
|
6
|
-
name: string;
|
|
7
|
-
/** Short tagline for cards/nav */
|
|
8
|
-
tagline: string;
|
|
9
|
-
/** Primary description */
|
|
10
|
-
description: string;
|
|
11
|
-
/** Bold/emphasized callout text */
|
|
12
|
-
highlight?: string;
|
|
13
|
-
/** Italicized footnote (e.g. "Now in Alpha.") */
|
|
14
|
-
footnote?: string;
|
|
15
|
-
/** Product status — drives card rendering and footer links */
|
|
16
|
-
status: ProductStatus;
|
|
17
|
-
/** Docs URL — relative for hosted docs, absolute for external */
|
|
18
|
-
docsUrl?: string;
|
|
19
|
-
/** Whether docs are hosted externally (e.g. docs.rs) */
|
|
20
|
-
external?: boolean;
|
|
21
|
-
/** Logo asset key from DocsAssets */
|
|
22
|
-
logo: string;
|
|
23
|
-
/** Dark-mode logo asset key from DocsAssets */
|
|
24
|
-
darkLogo?: string;
|
|
25
|
-
/** Sort order for display */
|
|
26
|
-
order: number;
|
|
27
|
-
/** Set false to hide from docs-home without deleting */
|
|
28
|
-
featured?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/** All products from the catalog */
|
|
31
|
-
export declare const products: Product[];
|
|
32
|
-
/** Products marked as featured (or not explicitly unfeatured), sorted by order */
|
|
33
|
-
export declare function featuredProducts(): Product[];
|
|
34
|
-
/** Products with available documentation (not coming-soon) */
|
|
35
|
-
export declare function availableProducts(): Product[];
|
|
36
|
-
/** Look up a single product by slug */
|
|
37
|
-
export declare function getProduct(slug: string): Product | undefined;
|
|
38
|
-
/** Look up a product by display name */
|
|
39
|
-
export declare function getProductByName(name: string): Product | undefined;
|
|
40
|
-
/** All valid product display names, derived from catalog */
|
|
41
|
-
export declare function productNames(): string[];
|
|
42
|
-
/** Generate sitemap URLs for products with hosted (non-external) docs */
|
|
43
|
-
export declare function getProductSitemaps(baseUrl?: string): string[];
|
|
44
|
-
//# sourceMappingURL=products.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../src/data/products.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,OAAO;IACtB,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,MAAM,EAAE,aAAa,CAAC;IACtB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oCAAoC;AACpC,eAAO,MAAM,QAAQ,EAAE,OAAO,EAA6B,CAAC;AAE5D,kFAAkF;AAClF,wBAAgB,gBAAgB,IAAI,OAAO,EAAE,CAI5C;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,IAAI,OAAO,EAAE,CAE7C;AAED,uCAAuC;AACvC,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAE5D;AAED,wCAAwC;AACxC,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAElE;AAED,4DAA4D;AAC5D,wBAAgB,YAAY,IAAI,MAAM,EAAE,CAEvC;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAChC,OAAO,SAA4B,GAClC,MAAM,EAAE,CAIV"}
|
package/dist/data/products.json
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"slug": "recoco",
|
|
4
|
-
"name": "Recoco",
|
|
5
|
-
"tagline": "Intelligent data pipelines",
|
|
6
|
-
"description": "Build intelligent data pipelines and ETL workflows. Only process changed data.",
|
|
7
|
-
"highlight": "Pure Rust, minimal dependencies, maximum efficiency.",
|
|
8
|
-
"status": "available",
|
|
9
|
-
"docsUrl": "/recoco/",
|
|
10
|
-
"external": false,
|
|
11
|
-
"logo": "recocoLogoSm",
|
|
12
|
-
"darkLogo": "recocoLogoSm",
|
|
13
|
-
"order": 1,
|
|
14
|
-
"featured": true
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
"slug": "codeweaver",
|
|
18
|
-
"name": "CodeWeaver",
|
|
19
|
-
"tagline": "AI code context engine",
|
|
20
|
-
"description": "Your AI code assistants can do better.",
|
|
21
|
-
"highlight": "CodeWeaver gives AI agents tailored code context and project understanding, stopping hallucinations, cutting token waste, and supercharging your AI coding workflows.",
|
|
22
|
-
"footnote": "Now in Alpha.",
|
|
23
|
-
"status": "coming-soon",
|
|
24
|
-
"external": false,
|
|
25
|
-
"logo": "codeweaverPrimary",
|
|
26
|
-
"darkLogo": "codeweaverReverse",
|
|
27
|
-
"order": 2,
|
|
28
|
-
"featured": true
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"slug": "thread",
|
|
32
|
-
"name": "Thread",
|
|
33
|
-
"tagline": "Ultra-fast codebase analysis",
|
|
34
|
-
"description": "An ultra-fast, Rust-native, codebase analysis platform.",
|
|
35
|
-
"highlight": "Real-time code understanding and navigation for the largest codebases. Delivers 50x+ speed improvements over comparable tools with minimal resource usage. Works locally, on the edge, or in the cloud.",
|
|
36
|
-
"footnote": "Limited features available now, full release coming soon.",
|
|
37
|
-
"status": "available",
|
|
38
|
-
"docsUrl": "https://docs.rs/thread",
|
|
39
|
-
"external": true,
|
|
40
|
-
"logo": "threadLogoLight",
|
|
41
|
-
"darkLogo": "threadLogoDark",
|
|
42
|
-
"order": 3,
|
|
43
|
-
"featured": true
|
|
44
|
-
}
|
|
45
|
-
]
|
package/dist/index.d.ts
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
export * from "./data/products.js";
|
|
2
|
-
export * from "./types/index.js";
|
|
3
|
-
export declare const DocsAssets: {
|
|
4
|
-
knitliLogo: string;
|
|
5
|
-
recocoLogoMed: string;
|
|
6
|
-
recocoLogoSm: string;
|
|
7
|
-
recocoLogoLg: string;
|
|
8
|
-
recocoLogoXs: string;
|
|
9
|
-
recocoLogoXl: string;
|
|
10
|
-
codeweaverPrimary: string;
|
|
11
|
-
codeweaverReverse: string;
|
|
12
|
-
codeweaverTheme: string;
|
|
13
|
-
variables: string;
|
|
14
|
-
threadLogoDark: string;
|
|
15
|
-
threadLogoLight: string;
|
|
16
|
-
headlineLogoDark: string;
|
|
17
|
-
headlineLogoLight: string;
|
|
18
|
-
knitliWordmark: string;
|
|
19
|
-
faviconIco: string;
|
|
20
|
-
faviconSvg: string;
|
|
21
|
-
docsStyle: string;
|
|
22
|
-
};
|
|
23
|
-
declare const _default: {
|
|
24
|
-
DocsAssets: {
|
|
25
|
-
knitliLogo: string;
|
|
26
|
-
recocoLogoMed: string;
|
|
27
|
-
recocoLogoSm: string;
|
|
28
|
-
recocoLogoLg: string;
|
|
29
|
-
recocoLogoXs: string;
|
|
30
|
-
recocoLogoXl: string;
|
|
31
|
-
codeweaverPrimary: string;
|
|
32
|
-
codeweaverReverse: string;
|
|
33
|
-
codeweaverTheme: string;
|
|
34
|
-
variables: string;
|
|
35
|
-
threadLogoDark: string;
|
|
36
|
-
threadLogoLight: string;
|
|
37
|
-
headlineLogoDark: string;
|
|
38
|
-
headlineLogoLight: string;
|
|
39
|
-
knitliWordmark: string;
|
|
40
|
-
faviconIco: string;
|
|
41
|
-
faviconSvg: string;
|
|
42
|
-
docsStyle: string;
|
|
43
|
-
};
|
|
44
|
-
DocsBreadcrumb: () => Promise<typeof import("*.astro")>;
|
|
45
|
-
DocsFooter: () => Promise<typeof import("*.astro")>;
|
|
46
|
-
PageFrame: () => Promise<typeof import("*.astro")>;
|
|
47
|
-
Contributors: () => Promise<typeof import("*.astro")>;
|
|
48
|
-
AllContributors: () => Promise<typeof import("*.astro")>;
|
|
49
|
-
SeoMeta: () => Promise<typeof import("*.astro")>;
|
|
50
|
-
ProductCard: () => Promise<typeof import("*.astro")>;
|
|
51
|
-
ProductGrid: () => Promise<typeof import("*.astro")>;
|
|
52
|
-
ProductShowcase: () => Promise<typeof import("*.astro")>;
|
|
53
|
-
};
|
|
54
|
-
export default _default;
|
|
55
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAuBjC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAmBtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBF,wBAGE"}
|