@cryptlex/web-components 6.6.48 → 6.6.50
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.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as i,jsx as s}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";import{classNames as l}from"../utilities/theme.js";import{IcInfo as u,IcWarning as m,IcCheck as d,IcError as f}from"./icons.js";import"clsx";import"@icons-pack/react-simple-icons";import"react";const p=o("rounded-md transition-colors bg-elevation-1 border p-icon body-sm inline-flex items-start gap-2",{variants:{variant:{destructive:"text-destructive border-destructive",success:"text-success border-success",warning:"text-warning",neutral:"text-muted border-muted",default:""}},defaultVariants:{variant:"default"}}),v=e=>{switch(e){case"destructive":return f;case"success":return d;case"warning":return m;default:return u}};function N({children:e,className:n,variant:t,icon:a,...c}){const r=a??v(t);return i("div",{role:"alert",className:l(p({variant:t}),n),...c,children:[r&&s(r,{className:"inline-block size-icon shrink-0"}),s("span",{className:"inline-block flex-1 min-w-0 mt-0",children:e})]})}export{N as Alert,p as alertVariants};
|
|
2
2
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\nimport type { CtxIcon } from './icons';\nimport { IcCheck, IcError, IcInfo, IcWarning } from './icons';\n\nexport const alertVariants = cva(\n `rounded-md transition-colors bg-elevation-1 border
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\nimport type { CtxIcon } from './icons';\nimport { IcCheck, IcError, IcInfo, IcWarning } from './icons';\n\nexport const alertVariants = cva(\n `rounded-md transition-colors bg-elevation-1 border p-icon body-sm inline-flex items-start gap-2`,\n {\n variants: {\n variant: {\n destructive: 'text-destructive border-destructive',\n success: 'text-success border-success',\n warning: 'text-warning',\n neutral: 'text-muted border-muted',\n default: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\n// Default icons for each variant\nconst getDefaultIcon = (variant: string | null | undefined): CtxIcon | null => {\n switch (variant) {\n case 'destructive':\n return IcError;\n case 'success':\n return IcCheck;\n case 'warning':\n return IcWarning;\n case 'neutral':\n case undefined:\n default:\n return IcInfo;\n }\n};\nexport function Alert({\n children,\n className,\n variant,\n icon,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: CtxIcon;\n }) {\n // Overrides the default icon with the provided icon\n const Icon = icon ?? getDefaultIcon(variant);\n\n return (\n <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n {Icon && <Icon className=\"inline-block size-icon shrink-0\" />}\n <span className=\"inline-block flex-1 min-w-0 mt-0\">{children}</span>\n </div>\n );\n}\n"],"names":["alertVariants","cva","getDefaultIcon","variant","IcError","IcCheck","IcWarning","IcInfo","Alert","children","className","icon","props","Icon","jsxs","classNames","jsx"],"mappings":"mSAMO,MAAMA,EAAgBC,EACzB,kGACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,sCACb,QAAS,8BACT,QAAS,eACT,QAAS,0BACT,QAAS,EAAA,CACb,EAEJ,gBAAiB,CACb,QAAS,SAAA,CACb,CAER,EAGMC,EAAkBC,GAAuD,CAC3E,OAAQA,EAAA,CACJ,IAAK,cACD,OAAOC,EACX,IAAK,UACD,OAAOC,EACX,IAAK,UACD,OAAOC,EAGX,QACI,OAAOC,CAAA,CAEnB,EACO,SAASC,EAAM,CAClB,SAAAC,EACA,UAAAC,EACA,QAAAP,EACA,KAAAQ,EACA,GAAGC,CACP,EAGO,CAEH,MAAMC,EAAOF,GAAQT,EAAeC,CAAO,EAE3C,OACIW,EAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAWf,EAAc,CAAE,QAAAG,CAAA,CAAS,EAAGO,CAAS,EAAI,GAAGE,EAC/E,SAAA,CAAAC,GAAQG,EAACH,EAAA,CAAK,UAAU,iCAAA,CAAkC,EAC3DG,EAAC,OAAA,CAAK,UAAU,mCAAoC,SAAAP,CAAA,CAAS,CAAA,EACjE,CAER"}
|
|
@@ -756,6 +756,16 @@ export declare const DataTableContext: React.Context<{
|
|
|
756
756
|
accountAlias: string;
|
|
757
757
|
} | {
|
|
758
758
|
accountAlias: string;
|
|
759
|
+
} | {
|
|
760
|
+
accountAlias: string;
|
|
761
|
+
} | {
|
|
762
|
+
accountAlias: string;
|
|
763
|
+
} | {
|
|
764
|
+
accountAlias: string;
|
|
765
|
+
organizationAlias: string;
|
|
766
|
+
} | {
|
|
767
|
+
accountAlias: string;
|
|
768
|
+
organizationAlias: string;
|
|
759
769
|
} | {
|
|
760
770
|
id: string;
|
|
761
771
|
} | {
|
|
@@ -1125,16 +1135,6 @@ export declare const DataTableContext: React.Context<{
|
|
|
1125
1135
|
id: string;
|
|
1126
1136
|
} | {
|
|
1127
1137
|
id: string;
|
|
1128
|
-
} | {
|
|
1129
|
-
accountAlias: string;
|
|
1130
|
-
} | {
|
|
1131
|
-
accountAlias: string;
|
|
1132
|
-
} | {
|
|
1133
|
-
accountAlias: string;
|
|
1134
|
-
organizationAlias: string;
|
|
1135
|
-
} | {
|
|
1136
|
-
accountAlias: string;
|
|
1137
|
-
organizationAlias: string;
|
|
1138
1138
|
} | {
|
|
1139
1139
|
id: string;
|
|
1140
1140
|
} | {
|
|
@@ -1561,6 +1561,16 @@ export declare function useDataTable(): {
|
|
|
1561
1561
|
accountAlias: string;
|
|
1562
1562
|
} | {
|
|
1563
1563
|
accountAlias: string;
|
|
1564
|
+
} | {
|
|
1565
|
+
accountAlias: string;
|
|
1566
|
+
} | {
|
|
1567
|
+
accountAlias: string;
|
|
1568
|
+
} | {
|
|
1569
|
+
accountAlias: string;
|
|
1570
|
+
organizationAlias: string;
|
|
1571
|
+
} | {
|
|
1572
|
+
accountAlias: string;
|
|
1573
|
+
organizationAlias: string;
|
|
1564
1574
|
} | {
|
|
1565
1575
|
id: string;
|
|
1566
1576
|
} | {
|
|
@@ -1930,16 +1940,6 @@ export declare function useDataTable(): {
|
|
|
1930
1940
|
id: string;
|
|
1931
1941
|
} | {
|
|
1932
1942
|
id: string;
|
|
1933
|
-
} | {
|
|
1934
|
-
accountAlias: string;
|
|
1935
|
-
} | {
|
|
1936
|
-
accountAlias: string;
|
|
1937
|
-
} | {
|
|
1938
|
-
accountAlias: string;
|
|
1939
|
-
organizationAlias: string;
|
|
1940
|
-
} | {
|
|
1941
|
-
accountAlias: string;
|
|
1942
|
-
organizationAlias: string;
|
|
1943
1943
|
} | {
|
|
1944
1944
|
id: string;
|
|
1945
1945
|
} | {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cryptlex/web-components",
|
|
3
|
-
"version": "6.6.
|
|
3
|
+
"version": "6.6.50",
|
|
4
4
|
"description": "React component library for Cryptlex web applications",
|
|
5
5
|
"author": "Cryptlex",
|
|
6
6
|
"type": "module",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"*.{ts,tsx,css,scss,json}": "prettier --write"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"@cryptlex/web-api-types": "2.
|
|
51
|
+
"@cryptlex/web-api-types": "2.146.0",
|
|
52
52
|
"@dnd-kit/core": "6.3.1",
|
|
53
53
|
"@dnd-kit/sortable": "10.0.0",
|
|
54
54
|
"@dnd-kit/utilities": "3.2.2",
|