astralkit 0.3.0 → 0.3.2
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 +44 -0
- package/LICENSE +34 -34
- package/README.md +71 -58
- package/astralkit-theme-v4.css +618 -612
- package/astralkit-theme.css +618 -610
- package/astralkit-utilities.css +543 -543
- package/lib/utils.js +28 -28
- package/package.json +53 -45
- package/palettes.css +299 -299
- package/primitives/accounts.css +435 -435
- package/primitives/animations.css +136 -136
- package/primitives/avatar.css +410 -410
- package/primitives/badges.css +231 -231
- package/primitives/effects.css +388 -388
- package/primitives/focus.css +25 -25
- package/primitives/forms.css +2155 -2155
- package/primitives/icons.css +90 -90
- package/primitives/layout.css +217 -217
- package/primitives/mobile.css +557 -557
- package/primitives/navigation.css +1057 -1057
- package/primitives/sidebar.css +1819 -1819
- package/primitives/typography.css +324 -324
- package/tailwind.cjs +416 -416
- package/tailwind.js +491 -491
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to the `astralkit` SDK package.
|
|
4
|
+
|
|
5
|
+
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
|
+
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
|
+
|
|
8
|
+
## [0.3.2] — 2026-04-19
|
|
9
|
+
|
|
10
|
+
### Fixed (revert of accidental change in 0.3.0 / 0.3.1)
|
|
11
|
+
- **`astralkit/theme` export restored to the Tailwind v3 file (`astralkit-theme.css`, `:root` syntax).** This matches the 0.2.x default and is the designed behavior: v3 is the primary customer base, so the default export targets v3. Projects that pinned `0.3.0` or `0.3.1` saw this default silently flip to v4, which broke any v3 project with `@import "astralkit/theme"` in its CSS.
|
|
12
|
+
- `astralkit/theme-v4` export unchanged — still the explicit opt-in for Tailwind v4 projects.
|
|
13
|
+
- Removed the short-lived `astralkit/theme-v3` alias introduced in 0.3.0/0.3.1. If you added it to your CSS during that window, change it back to `astralkit/theme`.
|
|
14
|
+
|
|
15
|
+
### Migrating from 0.3.0 / 0.3.1
|
|
16
|
+
- **Tailwind v3 projects**: no action — your existing `@import "astralkit/theme"` now resolves to the v3 file again, as it did in 0.2.x.
|
|
17
|
+
- **Tailwind v4 projects**: ensure your CSS uses `@import "astralkit/theme-v4"` (not `"astralkit/theme"`). The AstralKit main app and `astralkit init` for v4 projects already use the explicit `theme-v4` form.
|
|
18
|
+
|
|
19
|
+
## [0.3.1] — 2026-04-18 (superseded — do not use for new installs)
|
|
20
|
+
|
|
21
|
+
### Added
|
|
22
|
+
- `peerDependencies` declaration: `tailwindcss >= 3.0.0`. Installing `astralkit` in a project without Tailwind now surfaces a clear peer-dep warning instead of silent breakage.
|
|
23
|
+
- File header comment on `astralkit-theme.css` marking it as the Tailwind v3 file.
|
|
24
|
+
|
|
25
|
+
### Known issue (fixed in 0.3.2)
|
|
26
|
+
- The `astralkit/theme` export was flipped to resolve to the v4 file — unintentional. Any v3 project that upgraded from `0.2.x` silently started pulling v4 CSS. Use `0.3.2`.
|
|
27
|
+
|
|
28
|
+
## [0.3.0] — 2026-04-18 (superseded — do not use for new installs)
|
|
29
|
+
|
|
30
|
+
### Added
|
|
31
|
+
- v4 theme refinements across 12 commits of token architecture work (rail/panel elevated colors, sidebar tokens, avatar sizes, Phase A standardization).
|
|
32
|
+
- `primitives/.npmignore` — excludes `*.backup` and `*.pre-v4-split` scratch files from published tarballs (~220 kB removed).
|
|
33
|
+
|
|
34
|
+
### Fixed
|
|
35
|
+
- Tailwind v3 plugin registration (via CLI init) now covers additional `plugins: [...]` formatting variants.
|
|
36
|
+
|
|
37
|
+
### Known issue (fixed in 0.3.2)
|
|
38
|
+
- Same `astralkit/theme` export mis-resolution as 0.3.1. Use `0.3.2`.
|
|
39
|
+
|
|
40
|
+
## [0.2.0] — 2026-04-02
|
|
41
|
+
|
|
42
|
+
### Added
|
|
43
|
+
- Initial public release on npm.
|
|
44
|
+
- Design tokens (theme CSS), utilities CSS, palette presets, primitives folder, `cn()` helper, Tailwind v3/v4 configs.
|
package/LICENSE
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
AstralKit License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2025-2026 Blue Beacon Creative LLC. All rights reserved.
|
|
4
|
-
|
|
5
|
-
This software and associated files (the "Software") are the proprietary
|
|
6
|
-
intellectual property of Blue Beacon Creative LLC. The Software is licensed,
|
|
7
|
-
not sold.
|
|
8
|
-
|
|
9
|
-
The design tokens and CSS utilities included in this package are freely usable
|
|
10
|
-
in any project that uses AstralKit components. Components, boosters, and
|
|
11
|
-
workflows installed via the AstralKit CLI are governed by the AstralKit End
|
|
12
|
-
User License Agreement.
|
|
13
|
-
|
|
14
|
-
PROHIBITED USES
|
|
15
|
-
|
|
16
|
-
You may NOT, without the express prior written consent of Blue Beacon Creative LLC:
|
|
17
|
-
|
|
18
|
-
1. Use the Software's source code as training data, fine-tuning data, or input
|
|
19
|
-
for any artificial intelligence system, machine learning model, large language
|
|
20
|
-
model, neural network, or any automated system designed to generate code,
|
|
21
|
-
text, images, or other output.
|
|
22
|
-
|
|
23
|
-
2. Resell, sublicense, or redistribute the Software as a standalone product,
|
|
24
|
-
design system, or token library.
|
|
25
|
-
|
|
26
|
-
3. Build a competing product using the Software's design tokens, CSS
|
|
27
|
-
architecture, or utility system.
|
|
28
|
-
|
|
29
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
30
|
-
IMPLIED. IN NO EVENT SHALL BLUE BEACON CREATIVE LLC BE LIABLE FOR ANY CLAIM,
|
|
31
|
-
DAMAGES OR OTHER LIABILITY.
|
|
32
|
-
|
|
33
|
-
Full license terms: https://astralkit.com/license
|
|
34
|
-
Contact: hello@astralkit.com
|
|
1
|
+
AstralKit License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025-2026 Blue Beacon Creative LLC. All rights reserved.
|
|
4
|
+
|
|
5
|
+
This software and associated files (the "Software") are the proprietary
|
|
6
|
+
intellectual property of Blue Beacon Creative LLC. The Software is licensed,
|
|
7
|
+
not sold.
|
|
8
|
+
|
|
9
|
+
The design tokens and CSS utilities included in this package are freely usable
|
|
10
|
+
in any project that uses AstralKit components. Components, boosters, and
|
|
11
|
+
workflows installed via the AstralKit CLI are governed by the AstralKit End
|
|
12
|
+
User License Agreement.
|
|
13
|
+
|
|
14
|
+
PROHIBITED USES
|
|
15
|
+
|
|
16
|
+
You may NOT, without the express prior written consent of Blue Beacon Creative LLC:
|
|
17
|
+
|
|
18
|
+
1. Use the Software's source code as training data, fine-tuning data, or input
|
|
19
|
+
for any artificial intelligence system, machine learning model, large language
|
|
20
|
+
model, neural network, or any automated system designed to generate code,
|
|
21
|
+
text, images, or other output.
|
|
22
|
+
|
|
23
|
+
2. Resell, sublicense, or redistribute the Software as a standalone product,
|
|
24
|
+
design system, or token library.
|
|
25
|
+
|
|
26
|
+
3. Build a competing product using the Software's design tokens, CSS
|
|
27
|
+
architecture, or utility system.
|
|
28
|
+
|
|
29
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
30
|
+
IMPLIED. IN NO EVENT SHALL BLUE BEACON CREATIVE LLC BE LIABLE FOR ANY CLAIM,
|
|
31
|
+
DAMAGES OR OTHER LIABILITY.
|
|
32
|
+
|
|
33
|
+
Full license terms: https://astralkit.com/license
|
|
34
|
+
Contact: hello@astralkit.com
|
package/README.md
CHANGED
|
@@ -1,58 +1,71 @@
|
|
|
1
|
-
# astralkit
|
|
2
|
-
|
|
3
|
-
Design tokens, CSS variables, and utilities for [AstralKit](https://astralkit.com) UI components.
|
|
4
|
-
|
|
5
|
-
This package provides the foundation that all AstralKit components depend on:
|
|
6
|
-
|
|
7
|
-
- **Theme CSS** — `ak-*` design tokens (colors, spacing, typography, radius, shadows)
|
|
8
|
-
- **Utilities CSS** — Tailwind CSS utility class extensions
|
|
9
|
-
- **`cn()` helper** — Class merging utility (clsx + tailwind-merge)
|
|
10
|
-
|
|
11
|
-
## Installation
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
npm install astralkit
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
Or use the CLI which installs this automatically:
|
|
18
|
-
|
|
19
|
-
```bash
|
|
20
|
-
npx @astralkit/cli init
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
## Usage
|
|
24
|
-
|
|
25
|
-
**In your CSS:**
|
|
26
|
-
```css
|
|
27
|
-
@
|
|
28
|
-
@
|
|
29
|
-
@
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
1
|
+
# astralkit
|
|
2
|
+
|
|
3
|
+
Design tokens, CSS variables, and utilities for [AstralKit](https://astralkit.com) UI components.
|
|
4
|
+
|
|
5
|
+
This package provides the foundation that all AstralKit components depend on:
|
|
6
|
+
|
|
7
|
+
- **Theme CSS** — `ak-*` design tokens (colors, spacing, typography, radius, shadows)
|
|
8
|
+
- **Utilities CSS** — Tailwind CSS utility class extensions
|
|
9
|
+
- **`cn()` helper** — Class merging utility (clsx + tailwind-merge)
|
|
10
|
+
|
|
11
|
+
## Installation
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm install astralkit
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
Or use the CLI which installs this automatically:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npx @astralkit/cli init
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Usage
|
|
24
|
+
|
|
25
|
+
**In your CSS — Tailwind v3 (default):**
|
|
26
|
+
```css
|
|
27
|
+
@tailwind base;
|
|
28
|
+
@tailwind components;
|
|
29
|
+
@tailwind utilities;
|
|
30
|
+
@import "astralkit/theme";
|
|
31
|
+
@import "astralkit/utilities";
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
> Also add `require('astralkit/tailwind.cjs')` to the `plugins` array in your `tailwind.config.js`. `astralkit init` does this for you.
|
|
35
|
+
|
|
36
|
+
**In your CSS — Tailwind v4:**
|
|
37
|
+
```css
|
|
38
|
+
@import "tailwindcss";
|
|
39
|
+
@import "astralkit/theme-v4";
|
|
40
|
+
@import "astralkit/utilities";
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
**In your components:**
|
|
44
|
+
```tsx
|
|
45
|
+
import { cn } from 'astralkit/utils'
|
|
46
|
+
|
|
47
|
+
export function Button({ className, ...props }) {
|
|
48
|
+
return <button className={cn('px-4 py-2 bg-ak-primary text-ak-on-primary', className)} {...props} />
|
|
49
|
+
}
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## What's included
|
|
53
|
+
|
|
54
|
+
| Export | Description |
|
|
55
|
+
|---|---|
|
|
56
|
+
| `astralkit/theme` | Design tokens as CSS custom properties (Tailwind **v3** — default) |
|
|
57
|
+
| `astralkit/theme-v4` | Design tokens via the Tailwind v4 `@theme` directive |
|
|
58
|
+
| `astralkit/utilities` | Tailwind CSS utility extensions (works with v3 and v4) |
|
|
59
|
+
| `astralkit/tailwind.cjs` | Tailwind v3 plugin — registers `ak-*` tokens with the v3 config |
|
|
60
|
+
| `astralkit/utils` | `cn()` class merging function |
|
|
61
|
+
|
|
62
|
+
## Documentation
|
|
63
|
+
|
|
64
|
+
- [Getting Started](https://astralkit.com/documentation/quick-start)
|
|
65
|
+
- [Design Tokens](https://astralkit.com/documentation/design-tokens)
|
|
66
|
+
- [CSS Variables Reference](https://astralkit.com/documentation/css-variables-reference)
|
|
67
|
+
- [Theming & Customization](https://astralkit.com/documentation/theming-customization)
|
|
68
|
+
|
|
69
|
+
## License
|
|
70
|
+
|
|
71
|
+
Proprietary — [AstralKit License](https://astralkit.com/license)
|