astralkit 0.7.0 → 0.9.0
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/CHANGELOG.md +109 -102
- package/astralkit-theme-v4.css +766 -750
- package/astralkit-theme.css +758 -750
- package/astralkit-utilities.css +1130 -1128
- package/lib/presets/dials.js +365 -330
- package/lib/presets/index.js +1 -1
- package/lib/presets/materials.js +8 -226
- package/lib/presets/theme-palettes.d.ts +2 -0
- package/lib/presets/theme-palettes.js +143 -65
- package/package.json +65 -65
- package/palettes.css +1110 -788
- package/primitives/forms.css +2155 -2155
- package/primitives/layout.css +220 -220
- package/primitives/mobile.css +557 -557
- package/primitives/navigation.css +1057 -1057
- package/primitives/typography.css +21 -0
- package/tailwind.cjs +573 -536
|
@@ -165,6 +165,27 @@
|
|
|
165
165
|
text-transform: uppercase;
|
|
166
166
|
color: var(--color-ak-text-secondary);
|
|
167
167
|
}
|
|
168
|
+
|
|
169
|
+
/* Marketing eyebrow — the wide-tracked section/kicker label. Unlike ak-overline
|
|
170
|
+
it inherits weight and color, so it sits on dark panels, brand fills and
|
|
171
|
+
muted captions alike; callers add font-semibold / a text color as needed. */
|
|
172
|
+
.ak-eyebrow {
|
|
173
|
+
font-size: var(--text-ak-xs);
|
|
174
|
+
letter-spacing: var(--tracking-ak-widest, 0.1em);
|
|
175
|
+
text-transform: uppercase;
|
|
176
|
+
/* weight, color and family inherit — eyebrows sit on dark panels, brand
|
|
177
|
+
fills and muted captions alike; callers add font-semibold etc. */
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/* Marketing display headline — the heading-font/extrabold/condensed/tight
|
|
181
|
+
bundle every landing hero and section title re-assembles by hand.
|
|
182
|
+
Size stays a utility (text-ak-display-*): one knob, not nine classes. */
|
|
183
|
+
.ak-display-title {
|
|
184
|
+
font-family: var(--font-ak-heading, var(--font-ak-sans, Inter)), system-ui, sans-serif;
|
|
185
|
+
font-weight: 800;
|
|
186
|
+
line-height: var(--leading-ak-condensed, 0.95);
|
|
187
|
+
letter-spacing: var(--tracking-ak-tight, -0.025em);
|
|
188
|
+
}
|
|
168
189
|
.ak-form-label {
|
|
169
190
|
font-size: var(--text-ak-base);
|
|
170
191
|
font-weight: 600;
|