astralkit 0.3.8 → 0.5.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 +23 -0
- package/ai-rules.md +1 -1
- package/astralkit-theme-v4.css +42 -0
- package/astralkit-theme.css +42 -0
- package/lib/motion.d.ts +29 -0
- package/lib/motion.js +85 -0
- package/package.json +2 -1
- package/palettes.css +1125 -269
- package/primitives/layout.css +3 -0
- package/tailwind.cjs +41 -0
package/primitives/layout.css
CHANGED
|
@@ -149,6 +149,9 @@
|
|
|
149
149
|
);
|
|
150
150
|
animation: ak-skeleton-shimmer var(--duration-ak-skeleton) ease-in-out infinite;
|
|
151
151
|
}
|
|
152
|
+
@media (prefers-reduced-motion: reduce) {
|
|
153
|
+
.ak-skeleton::after { animation: none; }
|
|
154
|
+
}
|
|
152
155
|
.ak-skeleton-pill { border-radius: var(--radius-ak-full); }
|
|
153
156
|
.ak-skeleton-circle { border-radius: var(--radius-ak-full); }
|
|
154
157
|
|
package/tailwind.cjs
CHANGED
|
@@ -121,6 +121,47 @@ module.exports = plugin(
|
|
|
121
121
|
'ak-sheet-handle': 'var(--color-ak-sheet-handle)',
|
|
122
122
|
'ak-on-primary': 'var(--color-ak-on-primary)',
|
|
123
123
|
'ak-primary-subtle': 'var(--color-ak-primary-subtle)',
|
|
124
|
+
|
|
125
|
+
// Selection accent: defaults to brand primary; palettes may split
|
|
126
|
+
// (e.g. Pulse: ink CTAs via primary, volt-lime selection via accent).
|
|
127
|
+
'ak-accent': 'var(--color-ak-accent, var(--color-ak-primary))',
|
|
128
|
+
'ak-on-accent': 'var(--color-ak-on-accent, var(--color-ak-on-primary))',
|
|
129
|
+
'ak-accent-soft': 'var(--color-ak-accent-soft, var(--color-ak-surface-2))',
|
|
130
|
+
|
|
131
|
+
// Slider/scrubber fill: defaults to primary; palettes may override to ink
|
|
132
|
+
'ak-slider-fill': 'var(--color-ak-slider-fill, var(--color-ak-primary))',
|
|
133
|
+
'ak-slider-ring': 'var(--color-ak-slider-ring, var(--color-ak-bg))',
|
|
134
|
+
|
|
135
|
+
// M3 role layer (additive aliases)
|
|
136
|
+
'ak-surface-3': 'var(--color-ak-surface-3)',
|
|
137
|
+
'ak-surface-4': 'var(--color-ak-surface-4)',
|
|
138
|
+
'ak-surface-container-lowest': 'var(--color-ak-surface-container-lowest, var(--color-ak-bg))',
|
|
139
|
+
'ak-surface-container-low': 'var(--color-ak-surface-container-low, var(--color-ak-surface))',
|
|
140
|
+
'ak-surface-container': 'var(--color-ak-surface-container, var(--color-ak-surface-2))',
|
|
141
|
+
'ak-surface-container-high': 'var(--color-ak-surface-container-high, var(--color-ak-surface-3))',
|
|
142
|
+
'ak-surface-container-highest': 'var(--color-ak-surface-container-highest, var(--color-ak-surface-4))',
|
|
143
|
+
'ak-on-surface': 'var(--color-ak-on-surface, var(--color-ak-text))',
|
|
144
|
+
'ak-on-surface-variant': 'var(--color-ak-on-surface-variant, var(--color-ak-text-secondary))',
|
|
145
|
+
'ak-outline': 'var(--color-ak-outline, var(--color-ak-border))',
|
|
146
|
+
'ak-outline-variant': 'var(--color-ak-outline-variant, var(--color-ak-border-subtle))',
|
|
147
|
+
'ak-primary-container': 'var(--color-ak-primary-container, var(--color-ak-primary-subtle))',
|
|
148
|
+
'ak-on-primary-container': 'var(--color-ak-on-primary-container, var(--color-ak-primary-900))',
|
|
149
|
+
'ak-secondary': 'var(--color-ak-secondary, var(--color-ak-accent, var(--color-ak-primary)))',
|
|
150
|
+
'ak-on-secondary': 'var(--color-ak-on-secondary, var(--color-ak-on-accent, var(--color-ak-on-primary)))',
|
|
151
|
+
'ak-secondary-container': 'var(--color-ak-secondary-container, var(--color-ak-accent-soft, var(--color-ak-surface-2)))',
|
|
152
|
+
'ak-on-secondary-container': 'var(--color-ak-on-secondary-container, var(--color-ak-text))',
|
|
153
|
+
'ak-tertiary': 'var(--color-ak-tertiary, var(--color-ak-info))',
|
|
154
|
+
'ak-on-tertiary': 'var(--color-ak-on-tertiary)',
|
|
155
|
+
'ak-tertiary-container': 'var(--color-ak-tertiary-container, var(--color-ak-info-subtle))',
|
|
156
|
+
'ak-on-tertiary-container': 'var(--color-ak-on-tertiary-container, var(--color-ak-info-text))',
|
|
157
|
+
'ak-error': 'var(--color-ak-error, var(--color-ak-danger))',
|
|
158
|
+
'ak-on-error': 'var(--color-ak-on-error)',
|
|
159
|
+
'ak-error-container': 'var(--color-ak-error-container, var(--color-ak-danger-subtle))',
|
|
160
|
+
'ak-on-error-container': 'var(--color-ak-on-error-container, var(--color-ak-danger-text))',
|
|
161
|
+
'ak-inverse-surface': 'var(--color-ak-inverse-surface)',
|
|
162
|
+
'ak-inverse-on-surface': 'var(--color-ak-inverse-on-surface)',
|
|
163
|
+
'ak-scrim': 'var(--color-ak-scrim, var(--color-ak-overlay))',
|
|
164
|
+
|
|
124
165
|
'ak-primary-subtle-hover': 'var(--color-ak-primary-subtle-hover)',
|
|
125
166
|
'ak-overlay': 'var(--color-ak-overlay)',
|
|
126
167
|
|