@umami/react-zen 0.16.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.
- package/README.md +5 -2
- package/dist/index.css +2 -5
- package/dist/index.d.ts +4 -5
- package/dist/index.js +2037 -1761
- package/dist/index.mjs +1605 -1329
- package/dist/styles.css +3551 -0
- package/package.json +3 -2
- package/dist/zen.css +0 -161
package/README.md
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
# zen
|
|
2
2
|
|
|
3
|
-
**zen** is a React component library
|
|
4
|
-
|
|
3
|
+
**zen** is a modern, minimalist React component library.
|
|
4
|
+
|
|
5
|
+
- Built on top of [React Aria](https://react-spectrum.adobe.com/react-aria/) and [Radix](https://www.radix-ui.com/primitives) primitives.
|
|
6
|
+
- No Tailwind, pure CSS.
|
|
7
|
+
- Out-of-the-box accessibility.
|
|
5
8
|
|
|
6
9
|
[Learn more](https://zen.umami.is/)
|
|
7
10
|
|
package/dist/index.css
CHANGED
|
@@ -164,9 +164,6 @@
|
|
|
164
164
|
.global_border-radius-6 {
|
|
165
165
|
border-radius: var(--border-radius-6);
|
|
166
166
|
}
|
|
167
|
-
.global_border-radius-full {
|
|
168
|
-
border-radius: var(--border-radius-full);
|
|
169
|
-
}
|
|
170
167
|
.global_shadow-1 {
|
|
171
168
|
box-shadow: var(--box-shadow-1);
|
|
172
169
|
}
|
|
@@ -2174,7 +2171,7 @@ body a.Button_button {
|
|
|
2174
2171
|
|
|
2175
2172
|
/* src/components/Code.module.css */
|
|
2176
2173
|
.Code_code {
|
|
2177
|
-
font-family: var(--font-family-code)
|
|
2174
|
+
font-family: var(--font-family-code);
|
|
2178
2175
|
font-size: var(--font-size-2);
|
|
2179
2176
|
font-weight: var(--font-weight-medium);
|
|
2180
2177
|
color: var(--font-color);
|
|
@@ -2814,7 +2811,7 @@ body a.Button_button {
|
|
|
2814
2811
|
right: 0;
|
|
2815
2812
|
border: none;
|
|
2816
2813
|
background: none;
|
|
2817
|
-
border-radius: var(--border-radius-
|
|
2814
|
+
border-radius: var(--border-radius-6);
|
|
2818
2815
|
padding: 0;
|
|
2819
2816
|
margin: 0 var(--spacing-2);
|
|
2820
2817
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -218,12 +218,14 @@ declare module '@umami/react-zen/Breadcrumbs' {
|
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
declare module '@umami/react-zen/Button' {
|
|
221
|
-
import {
|
|
222
|
-
|
|
221
|
+
import { ReactNode } from 'react';
|
|
222
|
+
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
223
|
+
interface ButtonProps extends AriaButtonProps {
|
|
223
224
|
variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
|
224
225
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
225
226
|
asChild?: boolean;
|
|
226
227
|
slot?: string;
|
|
228
|
+
children?: ReactNode;
|
|
227
229
|
}
|
|
228
230
|
const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
|
|
229
231
|
export { Button };
|
|
@@ -787,9 +789,6 @@ declare module '@umami/react-zen/Tooltip' {
|
|
|
787
789
|
declare module '@umami/react-zen/ZenProvider' {
|
|
788
790
|
import { ReactNode } from 'react';
|
|
789
791
|
import { ToastProviderProps } from '@umami/react-zen/Toast';
|
|
790
|
-
import '@/styles/zen.css';
|
|
791
|
-
import '@/styles/reset.css';
|
|
792
|
-
import '@/styles/base.css';
|
|
793
792
|
interface ZenProviderProps {
|
|
794
793
|
config?: {
|
|
795
794
|
theme?: string;
|