feat: article editor core

web/src/theme/ui.config.ts

@@ -153,6 +153,10 @@ export const renewUi = {
 					base: 'h-5.5 gap-1 px-1.75 py-0 text-xs',
 					leadingIcon: 'size-3',
 				},
+				lg: {
+					base: 'h-6.5 gap-1.25 px-2.25 py-0 text-sm',
+					leadingIcon: 'size-3.5',
+				},
 			},
 		},
 	},
@@ -225,7 +229,14 @@ export const renewUi = {
 		},
 		compoundVariants: [
 			{
-				color: ['primary', 'secondary', 'success', 'info', 'warning', 'neutral'],
+				color: [
+					'primary',
+					'secondary',
+					'success',
+					'info',
+					'warning',
+					'neutral',
+				],
 				class: { close: 'hidden' },
 			},
 		],
@@ -250,10 +261,26 @@ export const renewUi = {
 			},
 		},
 		compoundVariants: [
-			{ color: 'success', variant: 'soft', class: { root: 'bg-(--rc-success-soft)' } },
-			{ color: 'info', variant: 'soft', class: { root: 'bg-(--rc-info-soft)' } },
-			{ color: 'warning', variant: 'soft', class: { root: 'bg-(--rc-warning-soft)' } },
-			{ color: 'error', variant: 'soft', class: { root: 'bg-(--rc-error-soft)' } },
+			{
+				color: 'success',
+				variant: 'soft',
+				class: { root: 'bg-(--rc-success-soft)' },
+			},
+			{
+				color: 'info',
+				variant: 'soft',
+				class: { root: 'bg-(--rc-info-soft)' },
+			},
+			{
+				color: 'warning',
+				variant: 'soft',
+				class: { root: 'bg-(--rc-warning-soft)' },
+			},
+			{
+				color: 'error',
+				variant: 'soft',
+				class: { root: 'bg-(--rc-error-soft)' },
+			},
 		],
 	},
 	card: {