neatkit 0.4.0 → 0.4.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/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +728 -666
- package/dist/tokens.d.ts +56 -0
- package/package.json +3 -3
package/dist/tokens.d.ts
CHANGED
|
@@ -13,6 +13,62 @@ export declare const BREAKPOINTS: {
|
|
|
13
13
|
};
|
|
14
14
|
/** A supported Neatkit responsive breakpoint name. */
|
|
15
15
|
export type BreakpointName = keyof typeof BREAKPOINTS;
|
|
16
|
+
/**
|
|
17
|
+
* Public CSS references for semantic design tokens.
|
|
18
|
+
*
|
|
19
|
+
* Numeric layout values remain available through the layout unit utilities so
|
|
20
|
+
* consumers can use them directly in calculations.
|
|
21
|
+
*/
|
|
22
|
+
export declare const tokens: {
|
|
23
|
+
readonly color: {
|
|
24
|
+
readonly accent: {
|
|
25
|
+
readonly default: "var(--nk-accent)";
|
|
26
|
+
readonly soft: "var(--nk-accent-soft)";
|
|
27
|
+
readonly subtle: "var(--nk-accent-subtle)";
|
|
28
|
+
};
|
|
29
|
+
readonly background: "var(--nk-color-background)";
|
|
30
|
+
readonly surface: "var(--nk-color-surface)";
|
|
31
|
+
readonly text: {
|
|
32
|
+
readonly default: "var(--nk-color-text)";
|
|
33
|
+
readonly muted: "var(--nk-color-text-muted)";
|
|
34
|
+
};
|
|
35
|
+
readonly border: "var(--nk-color-border)";
|
|
36
|
+
readonly emphasis: {
|
|
37
|
+
readonly fill: "var(--nk-color-emphasis-fill)";
|
|
38
|
+
readonly fillForeground: "var(--nk-color-emphasis-fill-foreground)";
|
|
39
|
+
};
|
|
40
|
+
readonly info: {
|
|
41
|
+
readonly foreground: "var(--nk-color-info-foreground)";
|
|
42
|
+
readonly fill: "var(--nk-color-info-fill)";
|
|
43
|
+
readonly fillForeground: "var(--nk-color-info-fill-foreground)";
|
|
44
|
+
};
|
|
45
|
+
readonly success: {
|
|
46
|
+
readonly foreground: "var(--nk-color-success-foreground)";
|
|
47
|
+
readonly fill: "var(--nk-color-success-fill)";
|
|
48
|
+
readonly fillForeground: "var(--nk-color-success-fill-foreground)";
|
|
49
|
+
};
|
|
50
|
+
readonly warning: {
|
|
51
|
+
readonly foreground: "var(--nk-color-warning-foreground)";
|
|
52
|
+
readonly fill: "var(--nk-color-warning-fill)";
|
|
53
|
+
readonly fillForeground: "var(--nk-color-warning-fill-foreground)";
|
|
54
|
+
};
|
|
55
|
+
readonly danger: {
|
|
56
|
+
readonly foreground: "var(--nk-color-danger-foreground)";
|
|
57
|
+
readonly fill: "var(--nk-color-danger-fill)";
|
|
58
|
+
readonly fillForeground: "var(--nk-color-danger-fill-foreground)";
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
readonly radius: {
|
|
62
|
+
readonly small: "var(--nk-radius-small)";
|
|
63
|
+
readonly medium: "var(--nk-radius-medium)";
|
|
64
|
+
readonly large: "var(--nk-radius-large)";
|
|
65
|
+
};
|
|
66
|
+
readonly shadow: {
|
|
67
|
+
readonly subtle: "var(--nk-shadow-subtle)";
|
|
68
|
+
readonly medium: "var(--nk-shadow-medium)";
|
|
69
|
+
readonly strong: "var(--nk-shadow-strong)";
|
|
70
|
+
};
|
|
71
|
+
};
|
|
16
72
|
/** Theme-independent design tokens used by every Neatkit theme. */
|
|
17
73
|
export declare const BASE_TOKENS: {
|
|
18
74
|
readonly "--nk-duration-fast": "200ms";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "neatkit",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"description": "A modern, composable UI library for the web.",
|
|
5
5
|
"keywords": ["library", "react", "typescript", "ui"],
|
|
6
6
|
"type": "module",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"typecheck": "tsc --noEmit"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
|
-
"react": "
|
|
38
|
-
"react-dom": "
|
|
37
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
38
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@testing-library/dom": "^10.4.1",
|