@gardenfi/garden-book 0.2.4 → 0.2.5
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/animations/RollingText/RollingText.d.ts +12 -0
- package/dist/animations/RollingText/RollingText.stories.d.ts +7 -0
- package/dist/animations/index.d.ts +2 -2
- package/dist/components/atoms/ClientOnly/ClientOnly.d.ts +14 -0
- package/dist/components/atoms/ClientOnly/index.d.ts +1 -0
- package/dist/components/atoms/Typography/Typography.d.ts +14 -3
- package/dist/components/atoms/index.d.ts +2 -1
- package/dist/components/organisms/Footer/FooterLink.d.ts +0 -2
- package/dist/ui.cjs.js +12 -12
- package/dist/ui.es.js +1809 -1816
- package/dist/ui.umd.js +6 -6
- package/package.json +2 -2
- package/dist/animations/StackText/StackText.d.ts +0 -12
- package/dist/animations/StackText/StackText.stories.d.ts +0 -7
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type RollingTextProps = {
|
|
2
|
+
value: string;
|
|
3
|
+
isHovered?: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
delay?: number;
|
|
6
|
+
};
|
|
7
|
+
export type RollingTextRef = {
|
|
8
|
+
startAnimation: () => void;
|
|
9
|
+
stopAnimation: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const RollingText: import('react').ForwardRefExoticComponent<RollingTextProps & import('react').RefAttributes<RollingTextRef>>;
|
|
12
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ScaleY } from './ScaleY/ScaleY';
|
|
2
2
|
import { Shine } from './Shine/Shine';
|
|
3
|
-
import {
|
|
3
|
+
import { RollingText } from './RollingText/RollingText';
|
|
4
4
|
|
|
5
|
-
export { ScaleY, Shine,
|
|
5
|
+
export { ScaleY, Shine, RollingText };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type ClientOnlyProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
fallback?: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* ClientOnly wrapper component that only renders children on the client side
|
|
9
|
+
* Useful for components that need to avoid SSR hydration issues
|
|
10
|
+
* @param children - Components to render only on client side
|
|
11
|
+
* @param fallback - Optional fallback content to show during SSR (defaults to null)
|
|
12
|
+
*/
|
|
13
|
+
export declare const ClientOnly: ({ children, fallback }: ClientOnlyProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ClientOnly } from './ClientOnly';
|
|
@@ -4,18 +4,29 @@ type breakpointVariants = "xs" | "sm" | "md" | "lg" | "xl";
|
|
|
4
4
|
type Breakpoints = {
|
|
5
5
|
[K in breakpointVariants]?: SizeVariants;
|
|
6
6
|
};
|
|
7
|
-
type
|
|
7
|
+
type BaseTypographyProps = {
|
|
8
8
|
size?: SizeVariants;
|
|
9
9
|
weight?: WeightVariants;
|
|
10
10
|
breakpoints?: Breakpoints;
|
|
11
|
-
as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
11
|
+
as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a";
|
|
12
12
|
};
|
|
13
|
+
type TypographyProps = BaseTypographyProps & ((React.HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
as?: "div";
|
|
15
|
+
}) | (React.HTMLAttributes<HTMLSpanElement> & {
|
|
16
|
+
as?: "span";
|
|
17
|
+
}) | (React.HTMLAttributes<HTMLParagraphElement> & {
|
|
18
|
+
as?: "p";
|
|
19
|
+
}) | (React.HTMLAttributes<HTMLHeadingElement> & {
|
|
20
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
21
|
+
}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
22
|
+
as: "a";
|
|
23
|
+
}));
|
|
13
24
|
/**
|
|
14
25
|
* Typography component
|
|
15
26
|
* @param size - default size of the text => "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
|
|
16
27
|
* @param weight - weight of the text => "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black"
|
|
17
28
|
* @param breakpoints - Breakpoints for the text size => { [key in ["xs","sm","md","lg","xl"]]: SizeVariants }
|
|
18
|
-
* @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
|
|
29
|
+
* @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a"
|
|
19
30
|
* @default size - "h3" weight - "medium" as - "span"
|
|
20
31
|
*/
|
|
21
32
|
export declare const Typography: React.FC<TypographyProps>;
|
|
@@ -5,8 +5,9 @@ import { Sidebar } from './Sidebar/Sidebar';
|
|
|
5
5
|
import { Modal } from './Modal/Modal';
|
|
6
6
|
import { BottomSheet } from './BottomSheet/BottomSheet';
|
|
7
7
|
import { Container } from './Container/Container';
|
|
8
|
+
import { ClientOnly } from './ClientOnly/ClientOnly';
|
|
8
9
|
export type { OpacityVariants } from './Opacity/Opacity';
|
|
9
10
|
export * from './Icons';
|
|
10
11
|
export * from './Logo';
|
|
11
12
|
export { CheckBox } from './Checkbox/Checkbox';
|
|
12
|
-
export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container };
|
|
13
|
+
export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container, ClientOnly, };
|