@lerianstudio/sindarian-ui 2.0.0-beta.26 → 2.0.0-beta.27
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Alert=Alert;exports.AlertTitle=AlertTitle;exports.AlertDescription=AlertDescription;exports.AlertActions=AlertActions;exports.AlertTopAction=AlertTopAction;exports.AlertClose=AlertClose;const jsx_runtime_1=require("react/jsx-runtime");const class_variance_authority_1=require("class-variance-authority");const utils_1=require("../../../lib/utils");const icon_button_1=require("../icon-button");const lucide_react_1=require("lucide-react");const alertVariants=(0,class_variance_authority_1.cva)("alert",{variants:{variant:{default:"",informative:"alert-informative",destructive:"alert-destructive",warning:"alert-warning",success:"alert-success"}},defaultVariants:{variant:"default"}});function Alert({className:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Alert=Alert;exports.AlertTitle=AlertTitle;exports.AlertDescription=AlertDescription;exports.AlertActions=AlertActions;exports.AlertTopAction=AlertTopAction;exports.AlertClose=AlertClose;const jsx_runtime_1=require("react/jsx-runtime");const class_variance_authority_1=require("class-variance-authority");const utils_1=require("../../../lib/utils");const icon_button_1=require("../icon-button");const lucide_react_1=require("lucide-react");const alertVariants=(0,class_variance_authority_1.cva)("alert",{variants:{variant:{default:"",informative:"alert-informative",destructive:"alert-destructive",warning:"alert-warning",success:"alert-success"}},defaultVariants:{variant:"default"}});function Alert({className:e,variant:t,...r}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert",role:t==="destructive"?"alert":"status",className:(0,utils_1.cn)(alertVariants({variant:t}),e),...r})}function AlertTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-title",className:(0,utils_1.cn)("alert-title",e),...t})}function AlertDescription({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-description",className:(0,utils_1.cn)("alert-description",e),...t})}function AlertActions({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-actions",className:(0,utils_1.cn)("alert-actions",e),...t})}function AlertTopAction({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-top-action",className:(0,utils_1.cn)("alert-top-action",e),...t})}function AlertClose({className:e,...t}){return(0,jsx_runtime_1.jsx)(AlertTopAction,{children:(0,jsx_runtime_1.jsx)(icon_button_1.IconButton,{className:(0,utils_1.cn)("alert-close",e),variant:"outline",size:"small",rounded:true,...t,children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{})})})}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.dialog-content {
|
|
12
|
-
@apply bg-background motion-safe:data-[state=open]:animate-in motion-safe: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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-8 border p-7 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg;
|
|
12
|
+
@apply bg-background motion-safe:data-[state=open]:animate-in motion-safe: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 fixed top-[50%] left-[50%] z-50 grid max-h-[calc(100dvh-2rem)] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-8 overflow-y-auto border p-7 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.dialog-close {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{cn as e}from"../../../lib/utils.js";import{IconButton as
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{cn as e}from"../../../lib/utils.js";import{IconButton as s}from"../icon-button/index.js";import{X as o}from"lucide-react";const c=n("alert",{variants:{variant:{default:"",informative:"alert-informative",destructive:"alert-destructive",warning:"alert-warning",success:"alert-success"}},defaultVariants:{variant:"default"}});function u({className:r,variant:t,...l}){return a("div",{"data-slot":"alert",role:t==="destructive"?"alert":"status",className:e(c({variant:t}),r),...l})}function d({className:r,...t}){return a("div",{"data-slot":"alert-title",className:e("alert-title",r),...t})}function m({className:r,...t}){return a("div",{"data-slot":"alert-description",className:e("alert-description",r),...t})}function f({className:r,...t}){return a("div",{"data-slot":"alert-actions",className:e("alert-actions",r),...t})}function i({className:r,...t}){return a("div",{"data-slot":"alert-top-action",className:e("alert-top-action",r),...t})}function v({className:r,...t}){return a(i,{children:a(s,{className:e("alert-close",r),variant:"outline",size:"small",rounded:true,...t,children:a(o,{})})})}export{u as Alert,d as AlertTitle,m as AlertDescription,f as AlertActions,i as AlertTopAction,v as AlertClose};
|