@sqrzro/admin 4.0.0-alpha.25 → 4.0.0-alpha.26

package/dist/styles/classnames.js

@@ -31,7 +31,7 @@ const classNameConfig = twx({
     },
     badge: {
         root: {
-            default: 'inline-flex items-center gap-1.5 rounded-full bg-slate-100 bg-gradient-to-br px-2 py-1 text-xs font-medium text-slate-600',
+            default: 'inline-flex items-center gap-1.5 rounded-full bg-gradient-to-br from-slate-100 to-slate-200 px-2 py-1 text-xs font-medium text-slate-600',
             props: {
                 isDanger: 'border-red-300 from-red-100 to-red-200 text-red-700',
                 isError: 'border-red-300 from-red-100 to-red-200 text-red-700',
@@ -185,10 +185,24 @@ const classNameConfig = twx({
             props: { isEditable: 'col-start-2' },
         },
     },
+    imageInput: {
+        root: 'h-48 w-full rounded border border-slate-300 bg-slate-50 p-2',
+        icon: {
+            default: 'mx-auto mb-3 block h-10 w-10 rounded-full text-slate-400',
+            props: { isError: 'text-error' },
+        },
+        title: {
+            default: 'mb-1 font-semibold',
+            props: { isError: 'text-error' },
+        },
+        description: 'mb-2 text-xs italic text-slate-700',
+        image: 'h-full w-full object-contain',
+    },
     infoPanel: {
         root: {
-            default: 'flex w-full gap-2 rounded border bg-gradient-to-br p-4 text-left',
+            default: 'w-full rounded border bg-gradient-to-br p-4 text-left',
             props: {
+                hasIcon: 'grid grid-cols-[min-content_1fr] gap-2 pl-3',
                 isDanger: 'border-red-300 from-red-100 to-red-200 text-red-700',
                 isError: 'border-red-300 from-red-100 to-red-200 text-red-700',
                 isInfo: 'border-sky-300 from-sky-100 to-sky-200 text-sky-700',
@@ -196,6 +210,17 @@ const classNameConfig = twx({
                 isWarning: 'border-yellow-300 from-yellow-100 to-yellow-200 text-yellow-700',
             },
         },
+        content: 'flex flex-col gap-2',
+        icon: {
+            default: 'h-5 w-5',
+            props: {
+                isDanger: 'text-red-600',
+                isError: 'text-red-600',
+                isInfo: 'text-sky-600',
+                isWarning: 'text-yellow-600',
+                isSuccess: 'text-green-600',
+            },
+        },
     },
     list: {
         root: {

package/dist/styles/icons.js

@@ -1,5 +1,5 @@
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, EyeIcon, EyeSlashIcon, XMarkIcon, } from '@heroicons/react/16/solid';
-import { ArrowUpTrayIcon, CheckCircleIcon, ExclamationCircleIcon, XCircleIcon, } from '@heroicons/react/24/outline';
+import { ArrowUpTrayIcon, CheckCircleIcon, ExclamationCircleIcon, InformationCircleIcon, XCircleIcon, } from '@heroicons/react/24/outline';
 const iconConfig = {
     'appNavigation.menu': ChevronDownIcon,
     'calendar.next': ChevronRightIcon,
@@ -10,6 +10,12 @@ const iconConfig = {
     'dropdown.control': ChevronDownIcon,
     'filter.clear': XCircleIcon,
     'formField.error': ExclamationCircleIcon,
+    'imageInput.error': ExclamationCircleIcon,
+    'imageInput.upload': ArrowUpTrayIcon,
+    'infoPanel.error': ExclamationCircleIcon,
+    'infoPanel.info': InformationCircleIcon,
+    'infoPanel.success': CheckCircleIcon,
+    'infoPanel.warning': ExclamationCircleIcon,
     'passwordComplexity.invalid': XCircleIcon,
     'passwordComplexity.valid': CheckCircleIcon,
     'passwordInput.visible': EyeIcon,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "4.0.0-alpha.25",
+  "version": "4.0.0-alpha.26",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
@@ -24,7 +24,7 @@
     "react-dom": "^19.2.4",
     "tailwindcss": "^4.2.2",
     "@sqrzro/addon-auth": "^4.0.0-alpha.14",
-    "@sqrzro/ui": "^4.0.0-alpha.61"
+    "@sqrzro/ui": "^4.0.0-alpha.62"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",