@umami/react-zen 0.15.0 → 0.17.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 (8) hide show
  1. package/README.md +6 -5
  2. package/dist/index.css +1661 -498
  3. package/dist/index.d.ts +804 -762
  4. package/dist/index.js +4536 -3984
  5. package/dist/index.mjs +3913 -3366
  6. package/dist/styles.css +3551 -0
  7. package/package.json +10 -40
  8. package/dist/zen.css +0 -142
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.15.0",
3
+ "version": "0.17.0",
4
4
  "description": "React components built by Umami",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
@@ -13,7 +13,8 @@
13
13
  "module": "dist/index.mjs",
14
14
  "types": "dist/index.d.ts",
15
15
  "files": [
16
- "dist"
16
+ "dist",
17
+ "styles"
17
18
  ],
18
19
  "publishConfig": {
19
20
  "access": "public"
@@ -46,53 +47,22 @@
46
47
  "@fontsource/jetbrains-mono": "^5.0.18",
47
48
  "@mdx-js/loader": "^3.0.0",
48
49
  "@mdx-js/react": "^3.0.0",
49
- "@next/mdx": "^14.1.0",
50
- "@radix-ui/colors": "^3.0.0",
51
- "@radix-ui/react-accessible-icon": "^1.1.0",
52
- "@radix-ui/react-accordion": "^1.1.2",
53
- "@radix-ui/react-alert-dialog": "^1.0.5",
54
- "@radix-ui/react-aspect-ratio": "^1.0.3",
55
- "@radix-ui/react-avatar": "^1.0.4",
56
- "@radix-ui/react-checkbox": "^1.1.1",
57
- "@radix-ui/react-collapsible": "^1.0.3",
58
- "@radix-ui/react-context-menu": "^2.1.5",
59
- "@radix-ui/react-dialog": "^1.0.5",
60
- "@radix-ui/react-direction": "^1.0.1",
61
- "@radix-ui/react-dropdown-menu": "^2.0.6",
62
- "@radix-ui/react-hover-card": "^1.0.7",
63
- "@radix-ui/react-label": "^2.0.2",
64
- "@radix-ui/react-menubar": "^1.0.4",
65
- "@radix-ui/react-navigation-menu": "^1.1.4",
66
- "@radix-ui/react-popover": "^1.0.7",
67
- "@radix-ui/react-portal": "^1.0.4",
68
- "@radix-ui/react-progress": "^1.0.3",
69
- "@radix-ui/react-radio-group": "^1.1.3",
70
- "@radix-ui/react-scroll-area": "^1.0.5",
71
- "@radix-ui/react-select": "^2.1.1",
72
- "@radix-ui/react-separator": "^1.0.3",
73
- "@radix-ui/react-slider": "^1.1.2",
50
+ "@next/mdx": "^15.0.2",
74
51
  "@radix-ui/react-slot": "^1.0.2",
75
- "@radix-ui/react-switch": "^1.0.3",
76
- "@radix-ui/react-tabs": "^1.0.4",
77
52
  "@radix-ui/react-toast": "^1.2.1",
78
- "@radix-ui/react-toggle": "^1.0.3",
79
- "@radix-ui/react-toggle-group": "^1.0.4",
80
- "@radix-ui/react-toolbar": "^1.0.4",
81
- "@radix-ui/react-tooltip": "^1.0.7",
82
- "@radix-ui/react-visually-hidden": "^1.0.3",
83
53
  "classnames": "^2.5.1",
84
54
  "dts-bundle": "^0.7.3",
85
55
  "glob": "^10.3.10",
86
56
  "gray-matter": "^4.0.3",
87
- "next": "14.2.15",
57
+ "next": "15.0.2",
88
58
  "next-mdx-remote": "^5.0.0",
89
- "react": "^18",
59
+ "react": "^19.0.0-rc-66855b96-20241106",
90
60
  "react-aria-components": "^1.2.1",
91
- "react-dom": "^18",
61
+ "react-dom": "^19.0.0-rc-66855b96-20241106",
92
62
  "react-hook-form": "^7.53.0",
93
63
  "react-icons": "^5.2.1",
94
- "url": "^0.11.3",
95
- "walkdir": "^0.4.1",
64
+ "recursive-readdir": "^2.2.3",
65
+ "thenby": "^1.3.4",
96
66
  "zustand": "^4.5.0"
97
67
  },
98
68
  "devDependencies": {
@@ -130,7 +100,7 @@
130
100
  "rollup-plugin-dts": "^6.1.1",
131
101
  "rollup-plugin-esbuild": "^6.1.1",
132
102
  "rollup-plugin-postcss": "^4.0.2",
133
- "stylelint": "^16.7.0",
103
+ "stylelint": "^15.10.1",
134
104
  "stylelint-config-prettier": "^9.0.5",
135
105
  "stylelint-config-recommended": "^14.0.1",
136
106
  "typescript": "^5.6.3"
package/dist/zen.css DELETED
@@ -1,142 +0,0 @@
1
- :root {
2
- /* Base values */
3
- --spacing-1: 0.25rem;
4
- --spacing-2: 0.5rem;
5
- --spacing-3: 1rem;
6
- --spacing-4: 1.25rem;
7
- --spacing-5: 1.5rem;
8
- --spacing-6: 1.75rem;
9
- --spacing-7: 2rem;
10
- --spacing-8: 3rem;
11
- --spacing-9: 4rem;
12
- --spacing-10: 5rem;
13
- --spacing-11: 7.5rem;
14
- --spacing-12: 10rem;
15
-
16
- --gap-xs: 1px;
17
- --gap-sm: 0.5rem;
18
- --gap-md: 1rem;
19
- --gap-lg: 2rem;
20
- --gap-xl: 8rem;
21
-
22
- --font-size-xs: 0.75rem;
23
- --font-size-sm: 0.875rem;
24
- --font-size-md: 1rem;
25
- --font-size-lg: 1.25rem;
26
- --font-size-xl: 1.5rem;
27
-
28
- --border-sm: 1px;
29
- --border-md: 2px;
30
- --border-lg: 4px;
31
-
32
- --border-radius-sm: 0.125rem;
33
- --border-radius-md: 0.25rem;
34
- --border-radius-lg: 0.5rem;
35
- --border-radius-full: 100%;
36
-
37
- --box-shadow-1: 0 1px 2px 0 rgb(0 0 0 / 0.05);
38
- --box-shadow-2: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
39
- --box-shadow-3: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
40
- --box-shadow-4: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
41
- --box-shadow-5: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
42
- --box-shadow-6: 0 25px 50px -12px rgb(0 0 0 / 0.25);
43
-
44
- --base-color-50: #fafafa;
45
- --base-color-100: #f5f5f5;
46
- --base-color-200: #e5e5e5;
47
- --base-color-300: #d4d4d4;
48
- --base-color-400: #a3a3a3;
49
- --base-color-500: #737373;
50
- --base-color-600: #525252;
51
- --base-color-700: #404040;
52
- --base-color-800: #262626;
53
- --base-color-900: #171717;
54
- --base-color-950: #0a0a0a;
55
-
56
- --success-color: #22c55e;
57
- --success-font-color: var(--base-color-50);
58
-
59
- --danger-color: #ef4444;
60
- --danger-font-color: var(--base-color-50);
61
-
62
- --warning-color: #f97316;
63
- --warning-font-color: var(--base-color-50);
64
-
65
- --active-color: #3b82f6;
66
- --active-font-color: var(--base-color-50);
67
-
68
- --inactive-color: var(--base-color-400);
69
- --inactive-font-color: var(--base-color-900);
70
-
71
- /* Settings */
72
-
73
- --font-size: 16px;
74
-
75
- --border-radius: var(--border-radius-md);
76
-
77
- --gap: var(--spacing-5);
78
-
79
- --padding: var(--spacing-2) var(--spacing-3);
80
-
81
- --box-shadow: var(--box-shadow-1);
82
-
83
- --light-color: var(--base-color-50);
84
-
85
- --dark-color: var(--base-color-950);
86
-
87
- /* Theme settings */
88
-
89
- --background-color: #fff;
90
-
91
- --font-color: var(--base-color-950);
92
- --font-muted-color: var(--base-color-500);
93
- --font-faded-color: var(--base-color-400);
94
-
95
- --border-color: var(--base-color-300);
96
- --border: var(--border-sm) solid var(--border-color);
97
-
98
- --outline-color: var(--base-color-400);
99
- --outline: var(--border-sm) solid var(--outline-color);
100
-
101
- --primary-color: var(--base-color-900);
102
- --primary-font-color: var(--base-color-50);
103
-
104
- --secondary-color: var(--base-color-100);
105
- --secondary-font-color: var(--font-color);
106
-
107
- --highlight-color: var(--base-color-50);
108
- --highlight-font-color: var(--font-color);
109
-
110
- --input-background-color: var(--base-color-200);
111
- --input-disabled-color: var(--base-color-100);
112
-
113
- [data-theme='dark'] {
114
- --background-color: var(--base-color-950);
115
-
116
- --font-color: var(--base-color-200);
117
- --font-muted-color: var(--base-color-400);
118
- --font-faded-color: var(--base-color-500);
119
-
120
- --border-color: var(--base-color-700);
121
- --border: var(--border-sm) solid var(--border-color);
122
-
123
- --outline-color: var(--base-color-600);
124
- --outline: var(--border-sm) solid var(--outline-color);
125
-
126
- --primary-color: var(--base-color-50);
127
- --primary-font-color: var(--base-color-900);
128
-
129
- --secondary-color: var(--base-color-800);
130
- --secondary-font-color: var(--font-color);
131
-
132
- --highlight-color: var(--base-color-800);
133
- --highlight-font-color: var(--font-color);
134
-
135
- --input-background-color: var(--base-color-700);
136
- --input-disabled-color: var(--base-color-800);
137
- }
138
-
139
- :where(input, textarea, select) {
140
- min-width: 240px;
141
- }
142
- }