periplo-ui 3.4.0 → 3.6.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/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Command/Command.d.ts +6 -6
- package/dist/components/Marquee/Marquee.d.ts +33 -0
- package/dist/components/Marquee/Marquee.js +43 -0
- package/dist/components/Marquee/Marquee.js.map +1 -0
- package/dist/components/Marquee/index.d.ts +1 -0
- package/dist/components/Marquee/index.js +2 -0
- package/dist/components/Marquee/index.js.map +1 -0
- package/dist/components/Typography/Typography.d.ts +1 -0
- package/dist/components/Typography/Typography.js +3 -2
- package/dist/components/Typography/Typography.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/plugin.js +11 -1
- package/dist/lib/plugin.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
11
11
|
}
|
|
12
12
|
));
|
|
13
13
|
Card.displayName = "Card";
|
|
14
|
-
const CardMedia = React.forwardRef(({ className, alt, src, ...props }, ref) => /* @__PURE__ */ jsx("img", { alt, src, ref, className: cn("h-full overflow-hidden object-cover", className), ...props }));
|
|
14
|
+
const CardMedia = React.forwardRef(({ className, alt, src, ...props }, ref) => /* @__PURE__ */ jsx("img", { alt, src, ref, className: cn("h-full overflow-hidden object-cover rounded-t-lg", className), ...props }));
|
|
15
15
|
CardMedia.displayName = "CardMedia";
|
|
16
16
|
const CardContent = React.forwardRef(
|
|
17
17
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-2 p-4", className), ...props })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n alt: string\n src: string\n}\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex h-full flex-col justify-between rounded-lg text-card-foreground shadow-sm', className)}\n {...props}\n />\n))\nCard.displayName = 'Card'\n\nconst CardMedia = React.forwardRef<HTMLImageElement, CardMediaProps>(({ className, alt, src, ...props }, ref) => (\n <img alt={alt} src={src} ref={ref} className={cn('h-full overflow-hidden object-cover', className)} {...props} />\n))\nCardMedia.displayName = 'CardMedia'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex flex-col gap-2 p-4', className)} {...props} />,\n)\nCardContent.displayName = 'CardContent'\n\nexport { Card, CardMedia, CardContent }\n"],"names":[],"mappings":";;;;AASM,MAAA,IAAA,GAAO,MAAM,UAAiE,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC5G,qBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,gFAAA,EAAkF,SAAS,CAAA;AAAA,IACxG,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAc,GAAA,MAAA;AAEb,MAAA,SAAA,GAAY,KAAM,CAAA,UAAA,CAA6C,CAAC,EAAE,WAAW,GAAK,EAAA,GAAA,EAAK,GAAG,KAAA,EAAS,EAAA,GAAA,yBACtG,KAAI,EAAA,EAAA,GAAA,EAAU,GAAU,EAAA,GAAA,EAAU,SAAW,EAAA,EAAA,CAAG,
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n alt: string\n src: string\n}\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex h-full flex-col justify-between rounded-lg text-card-foreground shadow-sm', className)}\n {...props}\n />\n))\nCard.displayName = 'Card'\n\nconst CardMedia = React.forwardRef<HTMLImageElement, CardMediaProps>(({ className, alt, src, ...props }, ref) => (\n <img alt={alt} src={src} ref={ref} className={cn('h-full overflow-hidden object-cover rounded-t-lg', className)} {...props} />\n))\nCardMedia.displayName = 'CardMedia'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex flex-col gap-2 p-4', className)} {...props} />,\n)\nCardContent.displayName = 'CardContent'\n\nexport { Card, CardMedia, CardContent }\n"],"names":[],"mappings":";;;;AASM,MAAA,IAAA,GAAO,MAAM,UAAiE,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC5G,qBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,gFAAA,EAAkF,SAAS,CAAA;AAAA,IACxG,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAc,GAAA,MAAA;AAEb,MAAA,SAAA,GAAY,KAAM,CAAA,UAAA,CAA6C,CAAC,EAAE,WAAW,GAAK,EAAA,GAAA,EAAK,GAAG,KAAA,EAAS,EAAA,GAAA,yBACtG,KAAI,EAAA,EAAA,GAAA,EAAU,GAAU,EAAA,GAAA,EAAU,SAAW,EAAA,EAAA,CAAG,oDAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAC7H;AACD,SAAA,CAAU,WAAc,GAAA,WAAA;AAExB,MAAM,cAAc,KAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAQ,qBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,WAAW,EAAG,CAAA,yBAAA,EAA2B,SAAS,CAAA,EAAI,GAAG,KAAO,EAAA;AACnH;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
|
|
@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
6
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
7
7
|
} & {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
9
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
10
10
|
label?: string;
|
|
11
11
|
shouldFilter?: boolean;
|
|
12
12
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -32,7 +32,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
32
32
|
ref?: React.Ref<HTMLDivElement>;
|
|
33
33
|
} & {
|
|
34
34
|
asChild?: boolean;
|
|
35
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
35
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
36
36
|
label?: string;
|
|
37
37
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
38
|
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -41,14 +41,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
41
41
|
ref?: React.Ref<HTMLDivElement>;
|
|
42
42
|
} & {
|
|
43
43
|
asChild?: boolean;
|
|
44
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
44
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
45
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
46
46
|
children?: React.ReactNode;
|
|
47
47
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
48
48
|
ref?: React.Ref<HTMLDivElement>;
|
|
49
49
|
} & {
|
|
50
50
|
asChild?: boolean;
|
|
51
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
51
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
52
52
|
heading?: React.ReactNode;
|
|
53
53
|
value?: string;
|
|
54
54
|
forceMount?: boolean;
|
|
@@ -57,7 +57,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
57
57
|
ref?: React.Ref<HTMLDivElement>;
|
|
58
58
|
} & {
|
|
59
59
|
asChild?: boolean;
|
|
60
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
60
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
61
|
alwaysRender?: boolean;
|
|
62
62
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
63
|
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -66,7 +66,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
66
66
|
ref?: React.Ref<HTMLDivElement>;
|
|
67
67
|
} & {
|
|
68
68
|
asChild?: boolean;
|
|
69
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
69
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
70
70
|
disabled?: boolean;
|
|
71
71
|
onSelect?: (value: string) => void;
|
|
72
72
|
value?: string;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
interface MarqueeProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
+
/**
|
|
4
|
+
* Optional CSS class name to apply custom styles
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Whether to reverse the animation direction
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
reverse?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Whether to pause the animation on hover
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
pauseOnHover?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Content to be displayed in the marquee
|
|
19
|
+
*/
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Whether to animate vertically instead of horizontally
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
vertical?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Number of times to repeat the content
|
|
28
|
+
* @default 4
|
|
29
|
+
*/
|
|
30
|
+
repeat?: number;
|
|
31
|
+
}
|
|
32
|
+
export declare function Marquee({ className, reverse, pauseOnHover, children, vertical, repeat, ...props }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
function Marquee({
|
|
5
|
+
className,
|
|
6
|
+
reverse = false,
|
|
7
|
+
pauseOnHover = false,
|
|
8
|
+
children,
|
|
9
|
+
vertical = false,
|
|
10
|
+
repeat = 4,
|
|
11
|
+
...props
|
|
12
|
+
}) {
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
...props,
|
|
17
|
+
className: cn(
|
|
18
|
+
"group flex overflow-hidden p-2 [--duration:60s] [--gap:96px] [gap:var(--gap)]",
|
|
19
|
+
{
|
|
20
|
+
"flex-row": !vertical,
|
|
21
|
+
"flex-col": vertical
|
|
22
|
+
},
|
|
23
|
+
className
|
|
24
|
+
),
|
|
25
|
+
children: Array(repeat).fill(0).map((_, i) => /* @__PURE__ */ jsx(
|
|
26
|
+
"div",
|
|
27
|
+
{
|
|
28
|
+
className: cn("flex items-center shrink-0 justify-around [gap:var(--gap)]", {
|
|
29
|
+
"animate-marquee flex-row": !vertical,
|
|
30
|
+
"animate-marquee-vertical flex-col": vertical,
|
|
31
|
+
"group-hover:[animation-play-state:paused]": pauseOnHover,
|
|
32
|
+
"[animation-direction:reverse]": reverse
|
|
33
|
+
}),
|
|
34
|
+
children
|
|
35
|
+
},
|
|
36
|
+
i
|
|
37
|
+
))
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { Marquee };
|
|
43
|
+
//# sourceMappingURL=Marquee.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marquee.js","sources":["../../../src/components/Marquee/Marquee.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ComponentPropsWithoutRef } from \"react\";\n\ninterface MarqueeProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * Optional CSS class name to apply custom styles\n */\n className?: string;\n /**\n * Whether to reverse the animation direction\n * @default false\n */\n reverse?: boolean;\n /**\n * Whether to pause the animation on hover\n * @default false\n */\n pauseOnHover?: boolean;\n /**\n * Content to be displayed in the marquee\n */\n children: React.ReactNode;\n /**\n * Whether to animate vertically instead of horizontally\n * @default false\n */\n vertical?: boolean;\n /**\n * Number of times to repeat the content\n * @default 4\n */\n repeat?: number;\n}\n\nexport function Marquee({\n className,\n reverse = false,\n pauseOnHover = false,\n children,\n vertical = false,\n repeat = 4,\n ...props\n}: MarqueeProps) {\n return (\n <div\n {...props}\n className={cn(\n \"group flex overflow-hidden p-2 [--duration:60s] [--gap:96px] [gap:var(--gap)]\",\n {\n \"flex-row\": !vertical,\n \"flex-col\": vertical,\n },\n className,\n )}\n >\n {Array(repeat)\n .fill(0)\n .map((_, i) => (\n <div\n key={i}\n className={cn(\"flex items-center shrink-0 justify-around [gap:var(--gap)]\", {\n \"animate-marquee flex-row\": !vertical,\n \"animate-marquee-vertical flex-col\": vertical,\n \"group-hover:[animation-play-state:paused]\": pauseOnHover,\n \"[animation-direction:reverse]\": reverse,\n })}\n >\n {children}\n </div>\n ))}\n </div>\n );\n}\n"],"names":[],"mappings":";;;AAkCO,SAAS,OAAQ,CAAA;AAAA,EACtB,SAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,YAAe,GAAA,KAAA;AAAA,EACf,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,MAAS,GAAA,CAAA;AAAA,EACT,GAAG;AACL,CAAiB,EAAA;AACf,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAW,EAAA,EAAA;AAAA,QACT,+EAAA;AAAA,QACA;AAAA,UACE,YAAY,CAAC,QAAA;AAAA,UACb,UAAY,EAAA;AAAA,SACd;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,MAAM,CACV,CAAA,IAAA,CAAK,CAAC,CACN,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CACP,qBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAW,GAAG,4DAA8D,EAAA;AAAA,YAC1E,4BAA4B,CAAC,QAAA;AAAA,YAC7B,mCAAqC,EAAA,QAAA;AAAA,YACrC,2CAA6C,EAAA,YAAA;AAAA,YAC7C,+BAAiC,EAAA;AAAA,WAClC,CAAA;AAAA,UAEA;AAAA,SAAA;AAAA,QARI;AAAA,OAUR;AAAA;AAAA,GACL;AAEJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Marquee';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -13,6 +13,7 @@ declare const typographyVariants: (props?: ({
|
|
|
13
13
|
export interface TypographyProps extends React.BaseHTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {
|
|
14
14
|
component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p' | null;
|
|
15
15
|
color?: 'neutral' | 'primary' | 'secondary' | 'inverse' | 'accent' | 'success' | 'warning' | 'error';
|
|
16
|
+
asChild?: boolean;
|
|
16
17
|
}
|
|
17
18
|
/**
|
|
18
19
|
* Usage:
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
5
|
import { cn } from '../../lib/utils.js';
|
|
5
6
|
|
|
6
7
|
const typographyVariants = cva("scroll-m-20 tracking-tight", {
|
|
@@ -113,8 +114,8 @@ const typographyVariants = cva("scroll-m-20 tracking-tight", {
|
|
|
113
114
|
}
|
|
114
115
|
});
|
|
115
116
|
const Typography = React.forwardRef(
|
|
116
|
-
({ className, variant, weight, family, color, component, ...props }, ref) => {
|
|
117
|
-
const Comp = component ?? "span";
|
|
117
|
+
({ className, variant, weight, family, color, component, asChild, ...props }, ref) => {
|
|
118
|
+
const Comp = asChild ? Slot : component ?? "span";
|
|
118
119
|
return /* @__PURE__ */ jsx(Comp, { className: cn(typographyVariants({ variant, weight, family, color, className })), ref, ...props });
|
|
119
120
|
}
|
|
120
121
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n/**\n * Typography variants configuration using class-variance-authority\n * Updated with adjusted mobile/tablet breakpoints while preserving desktop (lg) sizes\n */\nconst typographyVariants = cva('scroll-m-20 tracking-tight', {\n variants: {\n variant: {\n // Display family - Used for large, eye-catching elements in the interface\n 'display-lg': [\n 'text-[49px] md:text-[53px] lg:text-[57px]',\n 'leading-[56px] md:leading-[60px] lg:leading-[64px]',\n '-tracking-[0.14px]',\n 'font-montserrat',\n ].join(' '), // Large headers or section titles\n 'display-md': [\n 'text-[41px] md:text-[43px] lg:text-[45px]',\n 'leading-[48px] md:leading-[50px] lg:leading-[52px]',\n 'font-montserrat',\n ].join(' '), // Medium-sized prominent headers\n 'display-sm': [\n 'text-[32px] md:text-[34px] lg:text-[36px]',\n 'leading-[40px] md:leading-[42px] lg:leading-[44px]',\n 'font-montserrat',\n ].join(' '), // Smaller display text for highlighted elements\n\n // Headline family - Used for article and section headers\n 'headline-lg': [\n 'text-[28px] md:text-[30px] lg:text-[32px]',\n 'leading-[36px] md:leading-[38px] lg:leading-[40px]',\n 'font-montserrat',\n ].join(' '), // Primary article headers\n 'headline-md': [\n 'text-[24px] md:text-[26px] lg:text-[28px]',\n 'leading-[32px] md:leading-[34px] lg:leading-[36px]',\n 'font-montserrat',\n ].join(' '), // Section headers\n 'headline-sm': [\n 'text-[20px] md:text-[22px] lg:text-[24px]',\n 'leading-[28px] md:leading-[30px] lg:leading-[32px]',\n 'font-montserrat',\n ].join(' '), // Subsection headers\n\n // Title family - Used for smaller sections and emphasized content\n 'title-lg': [\n 'text-[18px] md:text-[20px] lg:text-[22px]',\n 'leading-[24px] md:leading-[26px] lg:leading-[28px]',\n 'font-montserrat',\n ].join(' '), // Large titles for important sections\n 'title-md': ['text-[16px] leading-[24px] tracking-[0.024px]', 'font-montserrat'].join(' '), // Medium titles for general use\n 'title-sm': ['text-[14px] leading-[20px]', 'font-montserrat'].join(' '), // Small titles for subsections\n\n // Label family - Used for form elements and navigation\n 'label-lg': ['text-[14px] leading-[20px]', 'font-opensans'].join(' '), // Large labels for form fields\n 'label-md': ['text-[12px] leading-[16px]', 'font-opensans'].join(' '), // Medium labels for general use\n 'label-sm': ['text-[11px] leading-[16px]', 'font-opensans'].join(' '), // Small labels for compact UI elements\n\n // Body family - Used for main content and paragraphs\n 'body-lg': ['text-[16px] leading-[24px] tracking-[0.08px]', 'font-opensans'].join(' '), // Large body text for primary content\n 'body-md': ['text-[14px] leading-[20px] tracking-[0.035px]', 'font-opensans'].join(' '), // Medium body text for general content\n 'body-sm': ['text-[12px] leading-[16px] tracking-[0.048px]', 'font-opensans'].join(' '), // Small body text for secondary content\n },\n weight: {\n regular: 'font-normal', // Regular weight for general text\n medium: 'font-medium', // Medium weight for semi-emphasized text\n semibold: 'font-semibold', // Semibold for important elements\n bold: 'font-bold', // Bold for high emphasis\n },\n family: {\n montserrat: 'font-montserrat', // Default font family\n opensans: 'font-opensans', // Alternative font family\n },\n color: {\n neutral: 'text-neutral-900', // Default text color\n inverse: 'text-neutral-50', // Inverted text color\n primary: 'text-primary-600', // Primary brand color\n secondary: 'text-neutral-600', // Secondary brand color\n accent: 'text-accent-500', // Accent color for emphasis\n success: 'text-success-600', // Success messages\n warning: 'text-warning-500', // Warning messages\n error: 'text-error-600', // Error messages\n },\n },\n defaultVariants: {\n variant: 'body-md',\n weight: 'regular',\n color: 'neutral',\n },\n})\n\nexport interface TypographyProps\n extends React.BaseHTMLAttributes<HTMLParagraphElement>,\n VariantProps<typeof typographyVariants> {\n component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p' | null\n color?: 'neutral' | 'primary' | 'secondary' | 'inverse' | 'accent' | 'success' | 'warning' | 'error'\n asChild?: boolean\n}\n\n/**\n * Usage:\n * ```tsx\n * <Typography variant=\"display-lg\" weight=\"bold\">Large Display</Typography>\n *\n * <Typography variant=\"headline-md\" family=\"opensans\" component=\"h2\">Section Header</Typography>\n *\n * <Typography variant=\"body-md\">Regular paragraph text</Typography>\n * ```\n */\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n ({ className, variant, weight, family, color, component, asChild, ...props }, ref) => {\n const Comp = asChild ? Slot : component ?? 'span'\n return (\n <Comp className={cn(typographyVariants({ variant, weight, family, color, className }))} ref={ref} {...props} />\n )\n },\n)\n\nTypography.displayName = 'Typography'\n\nexport { Typography, typographyVariants }\n"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -32,4 +32,5 @@ export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup/ToggleGro
|
|
|
32
32
|
export { Progress } from './components/Progress/Progress.js';
|
|
33
33
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenu.js';
|
|
34
34
|
export { Separator } from './components/Separator/Separator.js';
|
|
35
|
+
export { Marquee } from './components/Marquee/Marquee.js';
|
|
35
36
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/lib/plugin.js
CHANGED
|
@@ -8,6 +8,14 @@ function periploTheme() {
|
|
|
8
8
|
theme: {
|
|
9
9
|
extend: {
|
|
10
10
|
keyframes: {
|
|
11
|
+
marquee: {
|
|
12
|
+
from: { transform: "translateX(0)" },
|
|
13
|
+
to: { transform: "translateX(calc(-100% - var(--gap)))" }
|
|
14
|
+
},
|
|
15
|
+
"marquee-vertical": {
|
|
16
|
+
from: { transform: "translateY(0)" },
|
|
17
|
+
to: { transform: "translateY(calc(-100% - var(--gap)))" }
|
|
18
|
+
},
|
|
11
19
|
"accordion-down": {
|
|
12
20
|
from: { height: "0" },
|
|
13
21
|
to: { height: "var(--radix-accordion-content-height)" }
|
|
@@ -37,7 +45,9 @@ function periploTheme() {
|
|
|
37
45
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
38
46
|
shine: "shine 1s ease",
|
|
39
47
|
"shine-infinite": "shine-infinite 10s ease infinite",
|
|
40
|
-
"icon-down-up": "icon-down-up 0.2s ease-out"
|
|
48
|
+
"icon-down-up": "icon-down-up 0.2s ease-out",
|
|
49
|
+
marquee: "marquee var(--duration) linear infinite",
|
|
50
|
+
"marquee-vertical": "marquee-vertical var(--duration) linear infinite"
|
|
41
51
|
},
|
|
42
52
|
fontFamily: {
|
|
43
53
|
montserrat: ["var(--font-montserrat)", "sans-serif"],
|
package/dist/lib/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","sources":["../../src/lib/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nexport function handler() {\n return true\n}\n\nexport function periploTheme() {\n return plugin(handler, {\n theme: {\n extend: {\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n shine: {\n '0%': { backgroundPosition: '200% 0' },\n '100%': { backgroundPosition: '-100% 0' },\n },\n 'shine-infinite': {\n '0%': { backgroundPosition: '200% 0' },\n '10%': { backgroundPosition: '-100% 0' },\n '100%': { backgroundPosition: '-100% 0' },\n },\n 'icon-down-up': {\n '0%': { transform: 'translateY(0%)' },\n '50%': { transform: 'translateY(100%)' },\n '50.01%': { transform: 'translateY(-100%)' },\n '100%': { transform: 'translateY(0%)' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n shine: 'shine 1s ease',\n 'shine-infinite': 'shine-infinite 10s ease infinite',\n 'icon-down-up': 'icon-down-up 0.2s ease-out',\n },\n fontFamily: {\n montserrat: ['var(--font-montserrat)', 'sans-serif'],\n opensans: ['var(--font-opensans)', 'sans-serif'],\n },\n colors: {\n foreground: '#1D1D1B',\n white: '#FFFFFF',\n card: '#F7F7F6',\n 'card-foreground': '#1D1D1B',\n popover: '#F7F7F6',\n 'popover-foreground': '#1D1D1B',\n neutral: {\n '50': '#F7F7F6',\n '100': '#E4E4E3',\n '200': '#C9C9C6',\n '300': '#A7A6A1',\n '400': '#84837D',\n '500': '#696963',\n '600': '#53534E',\n '700': '#454440',\n '800': '#393936',\n '900': '#32322F',\n '950': '#1D1D1B',\n DEFAULT: '#696963',\n foreground: '#F7F7F6',\n },\n primary: {\n '50': '#FFF0DE',\n '100': '#FFE182',\n '200': '#FFD685',\n '300': '#FFCE59',\n '400': '#FFC92F',\n '500': '#FBBA00',\n '600': '#F1A100',\n '700': '#F8A800',\n '800': '#FAA100',\n '900': '#F19700',\n '950': '#ED8C00',\n DEFAULT: '#FBBA00',\n foreground: '#1D1D1B',\n },\n accent: {\n '50': '#FFD5A8',\n '100': '#FFCC93',\n '200': '#FFB86A',\n '300': '#FFA542',\n '400': '#FF9119',\n '500': '#F77D00',\n '600': '#D57000',\n '700': '#BC6200',\n '800': '#A35500',\n '900': '#894800',\n '950': '#7C4100',\n DEFAULT: '#F77D00',\n foreground: '#1D1D1B',\n },\n success: {\n '50': '#F2FBF2',\n '100': '#E1F8E0',\n '200': '#C5EFC3',\n '300': '#90E194',\n '400': '#5FCB5D',\n '500': '#2EC03C',\n '600': '#299128',\n '700': '#247223',\n '800': '#215B20',\n '900': '#1C4B1D',\n '950': '#0A290B',\n DEFAULT: '#247223',\n foreground: '#FFFFFF',\n },\n warning: {\n '50': '#FCF5EE',\n '100': '#F7E4CE',\n '200': '#EEC799',\n '300': '#E6A563',\n '400': '#DE8334',\n '500': '#D76929',\n '600': '#BE4D21',\n '700': '#9E331F',\n '800': '#812B1F',\n '900': '#6B251C',\n '950': '#3D100B',\n DEFAULT: '#D76929',\n foreground: '#FFFFFF',\n },\n error: {\n '50': '#FEF2F2',\n '100': '#FEE2E2',\n '200': '#FFC9C9',\n '300': '#FDA4A4',\n '400': '#FA6F70',\n '500': '#F13637',\n '600': '#DF2324',\n '700': '#BC191A',\n '800': '#9B191A',\n '900': '#811B1C',\n '950': '#460909',\n DEFAULT: '#BC191A',\n foreground: '#FFFFFF',\n },\n background: {\n '50': '#FFFFFF',\n '100': '#FBFBFB',\n '200': '#FEF0D6',\n '300': '#FDE1AE',\n '400': '#FCD386',\n '500': '#FBC45F',\n '600': '#FAB637',\n '700': '#F9A70F',\n '800': '#DA8F05',\n '900': '#B27504',\n '950': '#9E6804',\n DEFAULT: '#FBC45F',\n foreground: '#1D1D1B',\n },\n border: '#F7F7F6',\n input: '#F7F7F6',\n ring: '#FAB700',\n },\n },\n },\n })\n}\n"],"names":[],"mappings":";;AAEO,SAAS,OAAU,GAAA;AACxB,EAAO,OAAA,IAAA;AACT;AAEO,SAAS,YAAe,GAAA;AAC7B,EAAA,OAAO,OAAO,OAAS,EAAA;AAAA,IACrB,KAAO,EAAA;AAAA,MACL,MAAQ,EAAA;AAAA,QACN,SAAW,EAAA;AAAA,UACT,gBAAkB,EAAA;AAAA,YAChB,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAI,EAAA;AAAA,YACpB,EAAA,EAAI,EAAE,MAAA,EAAQ,uCAAwC;AAAA,WACxD;AAAA,UACA,cAAgB,EAAA;AAAA,YACd,IAAA,EAAM,EAAE,MAAA,EAAQ,uCAAwC,EAAA;AAAA,YACxD,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAI;AAAA,WACpB;AAAA,UACA,KAAO,EAAA;AAAA,YACL,IAAA,EAAM,EAAE,kBAAA,EAAoB,QAAS,EAAA;AAAA,YACrC,MAAA,EAAQ,EAAE,kBAAA,EAAoB,SAAU;AAAA,WAC1C;AAAA,UACA,gBAAkB,EAAA;AAAA,YAChB,IAAA,EAAM,EAAE,kBAAA,EAAoB,QAAS,EAAA;AAAA,YACrC,KAAA,EAAO,EAAE,kBAAA,EAAoB,SAAU,EAAA;AAAA,YACvC,MAAA,EAAQ,EAAE,kBAAA,EAAoB,SAAU;AAAA,WAC1C;AAAA,UACA,cAAgB,EAAA;AAAA,YACd,IAAA,EAAM,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,YACpC,KAAA,EAAO,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,YACvC,QAAA,EAAU,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,YAC3C,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB;AAAA;AACxC,SACF;AAAA,QACA,SAAW,EAAA;AAAA,UACT,gBAAkB,EAAA,8BAAA;AAAA,UAClB,cAAgB,EAAA,4BAAA;AAAA,UAChB,KAAO,EAAA,eAAA;AAAA,UACP,gBAAkB,EAAA,kCAAA;AAAA,UAClB,cAAgB,EAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"plugin.js","sources":["../../src/lib/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nexport function handler() {\n return true\n}\n\nexport function periploTheme() {\n return plugin(handler, {\n theme: {\n extend: {\n keyframes: {\n marquee: {\n from: { transform: \"translateX(0)\" },\n to: { transform: \"translateX(calc(-100% - var(--gap)))\" },\n },\n \"marquee-vertical\": {\n from: { transform: \"translateY(0)\" },\n to: { transform: \"translateY(calc(-100% - var(--gap)))\" },\n },\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n shine: {\n '0%': { backgroundPosition: '200% 0' },\n '100%': { backgroundPosition: '-100% 0' },\n },\n 'shine-infinite': {\n '0%': { backgroundPosition: '200% 0' },\n '10%': { backgroundPosition: '-100% 0' },\n '100%': { backgroundPosition: '-100% 0' },\n },\n 'icon-down-up': {\n '0%': { transform: 'translateY(0%)' },\n '50%': { transform: 'translateY(100%)' },\n '50.01%': { transform: 'translateY(-100%)' },\n '100%': { transform: 'translateY(0%)' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n shine: 'shine 1s ease',\n 'shine-infinite': 'shine-infinite 10s ease infinite',\n 'icon-down-up': 'icon-down-up 0.2s ease-out',\n marquee: \"marquee var(--duration) linear infinite\",\n \"marquee-vertical\": \"marquee-vertical var(--duration) linear infinite\",\n },\n fontFamily: {\n montserrat: ['var(--font-montserrat)', 'sans-serif'],\n opensans: ['var(--font-opensans)', 'sans-serif'],\n },\n colors: {\n foreground: '#1D1D1B',\n white: '#FFFFFF',\n card: '#F7F7F6',\n 'card-foreground': '#1D1D1B',\n popover: '#F7F7F6',\n 'popover-foreground': '#1D1D1B',\n neutral: {\n '50': '#F7F7F6',\n '100': '#E4E4E3',\n '200': '#C9C9C6',\n '300': '#A7A6A1',\n '400': '#84837D',\n '500': '#696963',\n '600': '#53534E',\n '700': '#454440',\n '800': '#393936',\n '900': '#32322F',\n '950': '#1D1D1B',\n DEFAULT: '#696963',\n foreground: '#F7F7F6',\n },\n primary: {\n '50': '#FFF0DE',\n '100': '#FFE182',\n '200': '#FFD685',\n '300': '#FFCE59',\n '400': '#FFC92F',\n '500': '#FBBA00',\n '600': '#F1A100',\n '700': '#F8A800',\n '800': '#FAA100',\n '900': '#F19700',\n '950': '#ED8C00',\n DEFAULT: '#FBBA00',\n foreground: '#1D1D1B',\n },\n accent: {\n '50': '#FFD5A8',\n '100': '#FFCC93',\n '200': '#FFB86A',\n '300': '#FFA542',\n '400': '#FF9119',\n '500': '#F77D00',\n '600': '#D57000',\n '700': '#BC6200',\n '800': '#A35500',\n '900': '#894800',\n '950': '#7C4100',\n DEFAULT: '#F77D00',\n foreground: '#1D1D1B',\n },\n success: {\n '50': '#F2FBF2',\n '100': '#E1F8E0',\n '200': '#C5EFC3',\n '300': '#90E194',\n '400': '#5FCB5D',\n '500': '#2EC03C',\n '600': '#299128',\n '700': '#247223',\n '800': '#215B20',\n '900': '#1C4B1D',\n '950': '#0A290B',\n DEFAULT: '#247223',\n foreground: '#FFFFFF',\n },\n warning: {\n '50': '#FCF5EE',\n '100': '#F7E4CE',\n '200': '#EEC799',\n '300': '#E6A563',\n '400': '#DE8334',\n '500': '#D76929',\n '600': '#BE4D21',\n '700': '#9E331F',\n '800': '#812B1F',\n '900': '#6B251C',\n '950': '#3D100B',\n DEFAULT: '#D76929',\n foreground: '#FFFFFF',\n },\n error: {\n '50': '#FEF2F2',\n '100': '#FEE2E2',\n '200': '#FFC9C9',\n '300': '#FDA4A4',\n '400': '#FA6F70',\n '500': '#F13637',\n '600': '#DF2324',\n '700': '#BC191A',\n '800': '#9B191A',\n '900': '#811B1C',\n '950': '#460909',\n DEFAULT: '#BC191A',\n foreground: '#FFFFFF',\n },\n background: {\n '50': '#FFFFFF',\n '100': '#FBFBFB',\n '200': '#FEF0D6',\n '300': '#FDE1AE',\n '400': '#FCD386',\n '500': '#FBC45F',\n '600': '#FAB637',\n '700': '#F9A70F',\n '800': '#DA8F05',\n '900': '#B27504',\n '950': '#9E6804',\n DEFAULT: '#FBC45F',\n foreground: '#1D1D1B',\n },\n border: '#F7F7F6',\n input: '#F7F7F6',\n ring: '#FAB700',\n },\n },\n },\n })\n}\n"],"names":[],"mappings":"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"}
|