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.
Files changed (24) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/LICENSE +34 -34
  3. package/README.md +71 -58
  4. package/astralkit-theme-v4.css +618 -612
  5. package/astralkit-theme.css +618 -610
  6. package/astralkit-utilities.css +543 -543
  7. package/lib/utils.js +28 -28
  8. package/package.json +53 -45
  9. package/palettes.css +299 -299
  10. package/primitives/accounts.css +435 -435
  11. package/primitives/animations.css +136 -136
  12. package/primitives/avatar.css +410 -410
  13. package/primitives/badges.css +231 -231
  14. package/primitives/effects.css +388 -388
  15. package/primitives/focus.css +25 -25
  16. package/primitives/forms.css +2155 -2155
  17. package/primitives/icons.css +90 -90
  18. package/primitives/layout.css +217 -217
  19. package/primitives/mobile.css +557 -557
  20. package/primitives/navigation.css +1057 -1057
  21. package/primitives/sidebar.css +1819 -1819
  22. package/primitives/typography.css +324 -324
  23. package/tailwind.cjs +416 -416
  24. package/tailwind.js +491 -491
package/lib/utils.js CHANGED
@@ -1,28 +1,28 @@
1
- import { clsx } from "clsx"
2
- import { extendTailwindMerge } from "tailwind-merge"
3
-
4
- const twMerge = extendTailwindMerge({
5
- extend: {
6
- classGroups: {
7
- // Font size: text-ak-base, text-ak-sm, text-ak-lg, text-ak-fl-*, text-ak-display-*
8
- 'font-size': [
9
- { 'text-ak': ['2xs', 'xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
10
- { 'text-ak-fl': ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
11
- { 'text-ak-display': ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
12
- { 'text-ak-avatar': ['sm', 'md', 'lg', 'xl', '2xl', '3xl'] },
13
- { 'text-ak-badge': ['md', 'lg', 'xl', '2xl', '3xl'] },
14
- ],
15
- // Text color: text-ak-text, text-ak-text-secondary, text-ak-text-muted, etc.
16
- 'text-color': [
17
- { 'text-ak': [
18
- 'text', 'text-secondary', 'text-muted', 'text-disabled', 'text-inverse', 'text-link', 'text-placeholder',
19
- 'danger-text', 'success-text', 'warning-text', 'info-text',
20
- ]},
21
- ],
22
- },
23
- },
24
- })
25
-
26
- export function cn(...inputs) {
27
- return twMerge(clsx(inputs))
28
- }
1
+ import { clsx } from "clsx"
2
+ import { extendTailwindMerge } from "tailwind-merge"
3
+
4
+ const twMerge = extendTailwindMerge({
5
+ extend: {
6
+ classGroups: {
7
+ // Font size: text-ak-base, text-ak-sm, text-ak-lg, text-ak-fl-*, text-ak-display-*
8
+ 'font-size': [
9
+ { 'text-ak': ['2xs', 'xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
10
+ { 'text-ak-fl': ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
11
+ { 'text-ak-display': ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'] },
12
+ { 'text-ak-avatar': ['sm', 'md', 'lg', 'xl', '2xl', '3xl'] },
13
+ { 'text-ak-badge': ['md', 'lg', 'xl', '2xl', '3xl'] },
14
+ ],
15
+ // Text color: text-ak-text, text-ak-text-secondary, text-ak-text-muted, etc.
16
+ 'text-color': [
17
+ { 'text-ak': [
18
+ 'text', 'text-secondary', 'text-muted', 'text-disabled', 'text-inverse', 'text-link', 'text-placeholder',
19
+ 'danger-text', 'success-text', 'warning-text', 'info-text',
20
+ ]},
21
+ ],
22
+ },
23
+ },
24
+ })
25
+
26
+ export function cn(...inputs) {
27
+ return twMerge(clsx(inputs))
28
+ }
package/package.json CHANGED
@@ -1,45 +1,53 @@
1
- {
2
- "name": "astralkit",
3
- "version": "0.3.0",
4
- "description": "Design tokens and component primitives for accessible UI — Tailwind CSS v4",
5
- "type": "module",
6
- "exports": {
7
- "./theme": "./astralkit-theme-v4.css",
8
- "./theme-v3": "./astralkit-theme.css",
9
- "./theme-v4": "./astralkit-theme-v4.css",
10
- "./utilities": "./astralkit-utilities.css",
11
- "./tailwind": "./tailwind.js",
12
- "./tailwind.cjs": "./tailwind.cjs",
13
- "./utils": "./lib/utils.js",
14
- "./ai-rules": "./ai-rules.md",
15
- "./palettes": "./palettes.css"
16
- },
17
- "files": [
18
- "astralkit-theme.css",
19
- "astralkit-theme-v4.css",
20
- "astralkit-utilities.css",
21
- "palettes.css",
22
- "primitives/",
23
- "tailwind.js",
24
- "tailwind.cjs",
25
- "ai-rules.md",
26
- "lib/",
27
- "LICENSE",
28
- "README.md"
29
- ],
30
- "dependencies": {
31
- "clsx": "^2.1.0",
32
- "tailwind-merge": "^2.2.0"
33
- },
34
- "keywords": ["astralkit", "design-tokens", "tailwind", "css", "ui"],
35
- "homepage": "https://astralkit.com",
36
- "repository": {
37
- "type": "git",
38
- "url": "https://github.com/astral-kit/astralkit"
39
- },
40
- "license": "SEE LICENSE IN LICENSE",
41
- "author": "Blue Beacon Creative LLC",
42
- "publishConfig": {
43
- "access": "public"
44
- }
45
- }
1
+ {
2
+ "name": "astralkit",
3
+ "version": "0.3.2",
4
+ "description": "Design tokens and component primitives for accessible UI — Tailwind CSS v3 & v4",
5
+ "type": "module",
6
+ "exports": {
7
+ "./theme": "./astralkit-theme.css",
8
+ "./theme-v4": "./astralkit-theme-v4.css",
9
+ "./utilities": "./astralkit-utilities.css",
10
+ "./tailwind": "./tailwind.js",
11
+ "./tailwind.cjs": "./tailwind.cjs",
12
+ "./utils": "./lib/utils.js",
13
+ "./ai-rules": "./ai-rules.md",
14
+ "./palettes": "./palettes.css"
15
+ },
16
+ "files": [
17
+ "astralkit-theme.css",
18
+ "astralkit-theme-v4.css",
19
+ "astralkit-utilities.css",
20
+ "palettes.css",
21
+ "primitives/",
22
+ "tailwind.js",
23
+ "tailwind.cjs",
24
+ "ai-rules.md",
25
+ "lib/",
26
+ "LICENSE",
27
+ "README.md",
28
+ "CHANGELOG.md"
29
+ ],
30
+ "dependencies": {
31
+ "clsx": "^2.1.0",
32
+ "tailwind-merge": "^2.2.0"
33
+ },
34
+ "peerDependencies": {
35
+ "tailwindcss": ">=3.0.0"
36
+ },
37
+ "peerDependenciesMeta": {
38
+ "tailwindcss": {
39
+ "optional": false
40
+ }
41
+ },
42
+ "keywords": ["astralkit", "design-tokens", "tailwind", "css", "ui"],
43
+ "homepage": "https://astralkit.com",
44
+ "repository": {
45
+ "type": "git",
46
+ "url": "https://github.com/astral-kit/astralkit"
47
+ },
48
+ "license": "SEE LICENSE IN LICENSE",
49
+ "author": "Blue Beacon Creative LLC",
50
+ "publishConfig": {
51
+ "access": "public"
52
+ }
53
+ }