astralkit 0.6.0 → 0.8.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.
Files changed (29) hide show
  1. package/CHANGELOG.md +109 -87
  2. package/LICENSE +73 -34
  3. package/README.md +31 -1
  4. package/astralkit-theme-v4.css +647 -626
  5. package/astralkit-theme.css +647 -626
  6. package/astralkit-utilities.css +1128 -817
  7. package/lib/presets/appearance-presets.d.ts +12 -0
  8. package/lib/presets/appearance-presets.js +102 -0
  9. package/lib/presets/chart-palettes.d.ts +29 -0
  10. package/lib/presets/chart-palettes.js +99 -0
  11. package/lib/presets/dials.d.ts +31 -0
  12. package/lib/presets/dials.js +330 -0
  13. package/lib/presets/font-pairings.d.ts +29 -0
  14. package/lib/presets/font-pairings.js +123 -0
  15. package/lib/presets/fonts.d.ts +16 -0
  16. package/lib/presets/fonts.js +76 -0
  17. package/lib/presets/index.d.ts +7 -0
  18. package/lib/presets/index.js +24 -0
  19. package/lib/presets/materials.d.ts +15 -0
  20. package/lib/presets/materials.js +245 -0
  21. package/lib/presets/theme-palettes.d.ts +90 -0
  22. package/lib/presets/theme-palettes.js +720 -0
  23. package/package.json +3 -2
  24. package/primitives/animations.css +43 -1
  25. package/primitives/forms.css +2155 -2155
  26. package/primitives/layout.css +220 -220
  27. package/primitives/mobile.css +557 -557
  28. package/primitives/navigation.css +1057 -1057
  29. package/tailwind.cjs +538 -524
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "astralkit",
3
- "version": "0.6.0",
3
+ "version": "0.8.0",
4
4
  "description": "Design tokens and component primitives for accessible UI — Tailwind CSS v3 & v4",
5
5
  "type": "module",
6
6
  "exports": {
@@ -13,7 +13,8 @@
13
13
  "./motion": "./lib/motion.js",
14
14
  "./theme-context": "./lib/theme-context.js",
15
15
  "./ai-rules": "./ai-rules.md",
16
- "./palettes": "./palettes.css"
16
+ "./palettes": "./palettes.css",
17
+ "./presets": "./lib/presets/index.js"
17
18
  },
18
19
  "files": [
19
20
  "astralkit-theme.css",
package/primitives/animations.css CHANGED
@@ -11,7 +11,49 @@
11
11
  transition: transform var(--duration-ak-fast, 110ms) var(--ease-ak-default, ease);
12
12
  }
13
13
  .ak-press:active {
14
- transform: scale(0.98);
14
+ /* Var-driven so material appearances can re-behave the press
15
+ (neo-brutal translates, liquid squishes). Default = the house scale. */
16
+ transform: var(--ak-press-transform, scale(0.98));
17
+ }
18
+
19
+
20
+ /* -- Hover shimmer --
21
+ The house hover micro-interaction: one diagonal sheen sweep across a
22
+ filled surface on hover (same recipe as the avatar shimmer). Hidden at
23
+ rest so it can never leak a band; clipped by the element's own radius;
24
+ skipped under prefers-reduced-motion.
25
+ Usage: <button class="ak-hover-shimmer"> — for FILLED surfaces only
26
+ (a sheen over a transparent/outline surface reads as a stray flash). */
27
+ .ak-hover-shimmer {
28
+ position: relative;
29
+ overflow: hidden;
30
+ }
31
+ .ak-hover-shimmer::after {
32
+ content: '';
33
+ position: absolute;
34
+ inset: 0;
35
+ border-radius: inherit;
36
+ background: linear-gradient(
37
+ 110deg,
38
+ transparent 30%,
39
+ rgba(255, 255, 255, 0.35) 50%,
40
+ transparent 70%
41
+ );
42
+ transform: translateX(-120%);
43
+ opacity: 0;
44
+ pointer-events: none;
45
+ }
46
+ .ak-hover-shimmer:hover::after {
47
+ animation: ak-hover-shimmer-sweep 700ms cubic-bezier(0.4, 0, 0.2, 1);
48
+ }
49
+ @keyframes ak-hover-shimmer-sweep {
50
+ 0% { transform: translateX(-120%); opacity: 1; }
51
+ 100% { transform: translateX(120%); opacity: 1; }
52
+ }
53
+ @media (prefers-reduced-motion: reduce) {
54
+ .ak-hover-shimmer:hover::after {
55
+ animation: none;
56
+ }
15
57
  }
16
58
 
17
59