lsp-uikit 1.4.14 → 1.4.16
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/alert/alert.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/dialog/dialog.d.ts +2 -1
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/sheet/sheet.d.ts +2 -1
- package/dist/components/sheet/sheet.js +1 -1
- package/dist/variables.css +4 -4
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
6
|
declare const alertVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "
|
|
7
|
+
variant?: "default" | "success" | "destructive" | "warning" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
declare function Alert({ className, variant, hideDefaultIcon, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
|
|
10
10
|
hideDefaultIcon?: boolean;
|
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
6
|
declare const badgeVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "primary" | "primary_ghost" | "primary_outline" | "success" | "success_ghost" | "success_outline" | "purple" | "purple_ghost" | "purple_outline" | "secondary" | "destructive" | "destructive_ghost" | "destructive_outline" | "outline" | null | undefined;
|
|
8
8
|
rounded?: "sm" | "md" | "full" | null | undefined;
|
|
9
9
|
textOverflow?: "default" | "hidden" | null | undefined;
|
|
10
10
|
hover?: boolean | null | undefined;
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "
|
|
7
|
+
variant?: "default" | "secondary" | "destructive" | "outline" | "default_invert" | "destructive_invert" | "ghost" | "link" | "clear" | null | undefined;
|
|
8
8
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
|
|
@@ -9,10 +9,11 @@ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPri
|
|
|
9
9
|
declare function DialogOverlay({ className, blurred, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay> & {
|
|
10
10
|
blurred?: boolean;
|
|
11
11
|
}): react_jsx_runtime.JSX.Element;
|
|
12
|
-
declare function DialogContent({ className, radixClassName, children, blurred, hideCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
12
|
+
declare function DialogContent({ className, radixClassName, children, contentRef, blurred, hideCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
13
13
|
blurred?: boolean;
|
|
14
14
|
hideCloseButton?: boolean;
|
|
15
15
|
radixClassName?: string;
|
|
16
|
+
contentRef?: React.RefObject<HTMLDivElement | null>;
|
|
16
17
|
}): react_jsx_runtime.JSX.Element;
|
|
17
18
|
declare function DialogHeader({ className, pin, ...props }: React.ComponentProps<'div'> & {
|
|
18
19
|
pin?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t,jsxs as
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as a from"@radix-ui/react-dialog";import{XIcon as o}from"lucide-react";import{cn as l}from"../../lib/utils/cn.js";import{onPointerDownOutside as s}from"../../lib/utils/events.js";import{Button as n}from"../button/button.js";function r({...e}){return t(a.Root,{"data-slot":"dialog",...e})}function i({...e}){return t(a.Trigger,{"data-slot":"dialog-trigger",...e})}function d({...e}){return t(a.Portal,{"data-slot":"dialog-portal",...e})}function c({...e}){return t(a.Close,{"data-slot":"dialog-close",...e})}function u({className:e,blurred:o,...s}){return t(a.Overlay,{"data-slot":"dialog-overlay",className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",o?"backdrop-blur":"bg-black/50",e),...s})}function f({className:r,radixClassName:i,children:c,contentRef:f,blurred:m=!1,hideCloseButton:g=!1,...p}){return e(d,{"data-slot":"dialog-portal",children:[t(u,{blurred:m}),e(a.Content,{"data-slot":"dialog-content",className:l("bg-dialog data-[state=open]:animate-in border-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 xs:max-h-[94%] fixed top-[50%] left-[50%] z-50 flex max-h-[98%] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-3 overflow-hidden rounded-3xl border shadow-lg duration-200 sm:max-w-lg",i),onOpenAutoFocus:t=>t.preventDefault(),onPointerDownOutside:s,...p,children:[t("div",{ref:f,className:l("flex h-full w-full flex-col gap-2 overflow-y-auto",r),children:c}),!g&&t(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-[25px] right-[25px] rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",asChild:!0,children:e(n,{variant:"secondary",className:"xs:bg-secondary h-auto rounded-md bg-transparent p-[6px]",children:[t(o,{className:"xs:size-4 size-5"}),t("span",{className:"sr-only",children:"Close"})]})})]})]})}function m({className:e,pin:a,...o}){return t("div",{"data-slot":"dialog-header",className:l("bg-background flex flex-col rounded-b-3xl p-[30px] text-left",{"outline-dialog sticky top-0 left-0 outline-[8px]":a},e),...o})}function g({className:e,...a}){return t("div",{className:l("bg-background rounded-3xl p-[30px]",e),...a})}function p({className:e,pin:a,...o}){return t("div",{"data-slot":"dialog-footer",className:l("bg-background flex flex-col-reverse gap-2 rounded-t-3xl p-[30px] sm:flex-row sm:justify-end",{"outline-dialog sticky bottom-0 left-0 outline-[8px]":a},e),...o})}function x({className:e,...o}){return t(a.Title,{"data-slot":"dialog-title",className:l("line-clamp-2 pr-5 text-xl leading-tight font-medium break-words text-ellipsis",e),...o})}function b({className:e,...o}){return t(a.Description,{"data-slot":"dialog-description",className:l("text-muted-foreground mt-2 text-sm",e),...o})}export{r as Dialog,c as DialogClose,f as DialogContent,g as DialogContentSection,b as DialogDescription,p as DialogFooter,m as DialogHeader,u as DialogOverlay,d as DialogPortal,x as DialogTitle,i as DialogTrigger};
|
|
@@ -5,7 +5,8 @@ import * as React from 'react';
|
|
|
5
5
|
declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
6
6
|
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
7
7
|
declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
8
|
-
declare function SheetContent({ className, radixClassName, children, hideCloseButton, side, duration, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
8
|
+
declare function SheetContent({ className, radixClassName, children, contentRef, hideCloseButton, side, duration, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
9
|
+
contentRef?: React.RefObject<HTMLDivElement | null>;
|
|
9
10
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
10
11
|
duration?: 'default' | 'fast';
|
|
11
12
|
hideCloseButton?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as a from"@radix-ui/react-dialog";import{XIcon as o}from"lucide-react";import{cn as s}from"../../lib/utils/cn.js";import{onPointerDownOutside as n}from"../../lib/utils/events.js";import{Button as l}from"../button/button.js";function i({...e}){return t(a.Root,{"data-slot":"sheet",...e})}function d({...e}){return t(a.Trigger,{"data-slot":"sheet-trigger",...e})}function r({...e}){return t(a.Close,{"data-slot":"sheet-close",...e})}function u({...e}){return t(a.Portal,{"data-slot":"sheet-portal",...e})}function c({className:e,...o}){return t(a.Overlay,{"data-slot":"sheet-overlay",className:s("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...o})}function f({className:i,radixClassName:d,children:r,hideCloseButton:
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as a from"@radix-ui/react-dialog";import{XIcon as o}from"lucide-react";import{cn as s}from"../../lib/utils/cn.js";import{onPointerDownOutside as n}from"../../lib/utils/events.js";import{Button as l}from"../button/button.js";function i({...e}){return t(a.Root,{"data-slot":"sheet",...e})}function d({...e}){return t(a.Trigger,{"data-slot":"sheet-trigger",...e})}function r({...e}){return t(a.Close,{"data-slot":"sheet-close",...e})}function u({...e}){return t(a.Portal,{"data-slot":"sheet-portal",...e})}function c({className:e,...o}){return t(a.Overlay,{"data-slot":"sheet-overlay",className:s("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...o})}function f({className:i,radixClassName:d,children:r,contentRef:f,hideCloseButton:m=!1,side:p="right",duration:x="default",...g}){return e(u,{children:[t(c,{}),e(a.Content,{onPointerDownOutside:n,"data-slot":"sheet-content",onOpenAutoFocus:t=>t.preventDefault(),className:s("bg-dialog data-[state=open]:animate-in data-[state=closed]:animate-out max-xs:w-full fixed z-50 flex flex-col gap-2 overflow-hidden shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300","right"===p&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","left"===p&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","top"===p&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b","bottom"===p&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto max-h-[98%] rounded-t-3xl border-t data-[state=closed]:!duration-300 data-[state=open]:!duration-300","default"===x&&"data-[state=closed]:duration-300 data-[state=open]:duration-500","fast"===x&&"data-[state=closed]:duration-200 data-[state=open]:duration-300",d),...g,children:[t("div",{ref:f,className:s("flex h-full w-full flex-1 flex-col gap-2 overflow-y-auto",i),children:r}),!m&&t(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[25px] right-[25px] rounded-xs bg-transparent opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",asChild:!0,children:e(l,{variant:"secondary",className:"xs:bg-secondary h-auto rounded-md bg-transparent p-[6px]",children:[t(o,{className:"xs:size-4 size-5"}),t("span",{className:"sr-only",children:"Close"})]})})]})]})}function m({className:e,pin:a,children:o,...n}){return t("div",{"data-slot":"sheet-header",className:s("bg-background flex flex-col gap-1.5 rounded-b-3xl p-[30px]",{"outline-dialog sticky top-0 left-0 outline-[8px]":a},e),...n,children:o})}function p({className:e,...a}){return t("div",{className:s("bg-background flex flex-col rounded-3xl p-[30px]",e),...a})}function x({className:e,pin:a,...o}){return t("div",{"data-slot":"sheet-footer",className:s("bg-background flex h-full flex-1 flex-col gap-2 rounded-t-3xl p-[30px]",{"outline-dialog sticky bottom-0 left-0 outline-[8px]":a},e),...o})}function g({className:e,...o}){return t(a.Title,{"data-slot":"sheet-title",className:s("text-foreground line-clamp-2 pr-[38px] text-xl leading-tight font-medium break-words text-ellipsis",e),...o})}function h({className:e,...o}){return t(a.Description,{"data-slot":"sheet-description",className:s("text-muted-foreground text-sm",e),...o})}export{i as Sheet,r as SheetClose,f as SheetContent,p as SheetContentSection,h as SheetDescription,x as SheetFooter,m as SheetHeader,g as SheetTitle,d as SheetTrigger};
|
package/dist/variables.css
CHANGED
|
@@ -265,18 +265,18 @@
|
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
::-webkit-scrollbar {
|
|
268
|
+
:not(.no-scroll-style)::-webkit-scrollbar {
|
|
269
269
|
@apply h-[5px] w-[6px] cursor-pointer bg-transparent;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
::-webkit-scrollbar-track {
|
|
272
|
+
:not(.no-scroll-style)::-webkit-scrollbar-track {
|
|
273
273
|
@apply bg-transparent;
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
:hover::-webkit-scrollbar-thumb {
|
|
276
|
+
:not(.no-scroll-style):hover::-webkit-scrollbar-thumb {
|
|
277
277
|
@apply bg-scrollbar rounded-[4px];
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
::-webkit-scrollbar-thumb {
|
|
280
|
+
:not(.no-scroll-style)::-webkit-scrollbar-thumb {
|
|
281
281
|
@apply bg-scrollbar rounded-[4px];
|
|
282
282
|
}
|