astralkit 0.3.1 → 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 -37
- package/LICENSE +34 -34
- package/README.md +71 -58
- package/astralkit-theme-v4.css +618 -612
- package/astralkit-theme.css +618 -616
- package/astralkit-utilities.css +543 -543
- package/lib/utils.js +28 -28
- package/package.json +53 -54
- 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/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,54 +1,53 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "astralkit",
|
|
3
|
-
"version": "0.3.
|
|
4
|
-
"description": "Design tokens and component primitives for accessible UI — Tailwind CSS v4",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"exports": {
|
|
7
|
-
"./theme": "./astralkit-theme
|
|
8
|
-
"./theme-
|
|
9
|
-
"./
|
|
10
|
-
"./
|
|
11
|
-
"./tailwind": "./tailwind.
|
|
12
|
-
"./
|
|
13
|
-
"./
|
|
14
|
-
"./
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"astralkit-theme.css",
|
|
19
|
-
"astralkit-
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"tailwind.
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
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
|
-
}
|
|
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
|
+
}
|