astralkit 0.5.0 → 0.7.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 +21 -0
- package/LICENSE +73 -34
- package/README.md +31 -1
- package/astralkit-theme-v4.css +120 -66
- package/astralkit-theme.css +120 -66
- package/astralkit-utilities.css +587 -2
- package/lib/presets/appearance-presets.d.ts +12 -0
- package/lib/presets/appearance-presets.js +102 -0
- package/lib/presets/chart-palettes.d.ts +29 -0
- package/lib/presets/chart-palettes.js +99 -0
- package/lib/presets/dials.d.ts +31 -0
- package/lib/presets/dials.js +330 -0
- package/lib/presets/font-pairings.d.ts +29 -0
- package/lib/presets/font-pairings.js +123 -0
- package/lib/presets/fonts.d.ts +16 -0
- package/lib/presets/fonts.js +76 -0
- package/lib/presets/index.d.ts +7 -0
- package/lib/presets/index.js +24 -0
- package/lib/presets/materials.d.ts +15 -0
- package/lib/presets/materials.js +245 -0
- package/lib/presets/theme-palettes.d.ts +90 -0
- package/lib/presets/theme-palettes.js +720 -0
- package/lib/theme-context.d.ts +17 -0
- package/lib/theme-context.js +33 -0
- package/package.json +9 -3
- package/palettes.css +961 -90
- package/primitives/animations.css +43 -1
- package/primitives/effects.css +373 -115
- package/tailwind.cjs +11 -3
package/tailwind.cjs
CHANGED
|
@@ -146,6 +146,8 @@ module.exports = plugin(
|
|
|
146
146
|
'ak-outline-variant': 'var(--color-ak-outline-variant, var(--color-ak-border-subtle))',
|
|
147
147
|
'ak-primary-container': 'var(--color-ak-primary-container, var(--color-ak-primary-subtle))',
|
|
148
148
|
'ak-on-primary-container': 'var(--color-ak-on-primary-container, var(--color-ak-primary-900))',
|
|
149
|
+
'ak-selection-ink': 'var(--color-ak-selection-ink, var(--color-ak-on-primary-container, var(--color-ak-primary-900)))',
|
|
150
|
+
'ak-primary-container-emphasis': 'var(--color-ak-primary-container-emphasis, var(--color-ak-selection-ink, var(--color-ak-on-primary-container)))',
|
|
149
151
|
'ak-secondary': 'var(--color-ak-secondary, var(--color-ak-accent, var(--color-ak-primary)))',
|
|
150
152
|
'ak-on-secondary': 'var(--color-ak-on-secondary, var(--color-ak-on-accent, var(--color-ak-on-primary)))',
|
|
151
153
|
'ak-secondary-container': 'var(--color-ak-secondary-container, var(--color-ak-accent-soft, var(--color-ak-surface-2)))',
|
|
@@ -155,6 +157,7 @@ module.exports = plugin(
|
|
|
155
157
|
'ak-tertiary-container': 'var(--color-ak-tertiary-container, var(--color-ak-info-subtle))',
|
|
156
158
|
'ak-on-tertiary-container': 'var(--color-ak-on-tertiary-container, var(--color-ak-info-text))',
|
|
157
159
|
'ak-error': 'var(--color-ak-error, var(--color-ak-danger))',
|
|
160
|
+
'ak-error-hover': 'var(--color-ak-error-hover, var(--color-ak-danger-hover))',
|
|
158
161
|
'ak-on-error': 'var(--color-ak-on-error)',
|
|
159
162
|
'ak-error-container': 'var(--color-ak-error-container, var(--color-ak-danger-subtle))',
|
|
160
163
|
'ak-on-error-container': 'var(--color-ak-on-error-container, var(--color-ak-danger-text))',
|
|
@@ -189,6 +192,7 @@ module.exports = plugin(
|
|
|
189
192
|
'ak-warning-subtle': 'var(--color-ak-warning-subtle)',
|
|
190
193
|
'ak-warning-text': 'var(--color-ak-warning-text)',
|
|
191
194
|
'ak-danger': 'var(--color-ak-danger)',
|
|
195
|
+
'ak-danger-hover': 'var(--color-ak-danger-hover)',
|
|
192
196
|
'ak-danger-subtle': 'var(--color-ak-danger-subtle)',
|
|
193
197
|
'ak-danger-text': 'var(--color-ak-danger-text)',
|
|
194
198
|
'ak-info': 'var(--color-ak-info)',
|
|
@@ -241,9 +245,12 @@ module.exports = plugin(
|
|
|
241
245
|
|
|
242
246
|
/* ── Font Family ── */
|
|
243
247
|
fontFamily: {
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
'ak-
|
|
248
|
+
// Var-driven so a container/theme can re-font at runtime by setting
|
|
249
|
+
// the CSS variable (the font dial). Literal stacks remain as var fallbacks.
|
|
250
|
+
'ak-sans': ['var(--font-ak-sans, Inter)', 'system-ui', '-apple-system', 'sans-serif'],
|
|
251
|
+
'ak-heading': ['var(--font-ak-heading, var(--font-ak-sans, Inter))', 'system-ui', 'sans-serif'],
|
|
252
|
+
'ak-serif': ['var(--font-ak-serif, "DM Serif Display")', 'Georgia', 'serif'],
|
|
253
|
+
'ak-mono': ['var(--font-ak-mono, "JetBrains Mono")', 'Fira Code', 'ui-monospace', 'monospace'],
|
|
247
254
|
},
|
|
248
255
|
|
|
249
256
|
/* ── Font Size ──
|
|
@@ -377,6 +384,7 @@ module.exports = plugin(
|
|
|
377
384
|
'ak-3xl': 'var(--radius-ak-3xl)',
|
|
378
385
|
'ak-full': 'var(--radius-ak-full)',
|
|
379
386
|
'ak-input': 'var(--radius-ak-input)',
|
|
387
|
+
'ak-control-sm': 'var(--radius-ak-control-sm)',
|
|
380
388
|
// Neobrutalist
|
|
381
389
|
'ak-brutal': 'var(--radius-ak-brutal)',
|
|
382
390
|
'ak-brutal-sm': 'var(--radius-ak-brutal-sm)',
|