first commit

resources/css/presets/aura/badge/index.js

@@ -0,0 +1,42 @@
+export default {
+    root: ({ props, context }) => ({
+        class: [
+            // Font
+            'font-medium',
+            {
+                'text-xs leading-[1.5rem]': props.size == null,
+                'text-lg leading-[2.25rem]': props.size == 'large',
+                'text-2xl leading-[3rem]': props.size == 'xlarge'
+            },
+
+            // Alignment
+            'text-center inline-block',
+
+            // Size
+            'p-0 px-1',
+            {
+                'min-w-[1.5rem] h-[1.5rem]': props.size == null,
+                'min-w-[2.25rem] h-[2.25rem]': props.size == 'large',
+                'min-w-[3rem] h-[3rem]': props.size == 'xlarge'
+            },
+
+            // Shape
+            {
+                'rounded-full': props.value.length == 1,
+                'rounded-[0.71rem]': props.value.length !== 1
+            },
+
+            // Color
+            'text-white dark:text-surface-900',
+            {
+                'bg-primary-500 dark:bg-primary-400': props.severity == null || props.severity == 'primary',
+                'bg-surface-500 dark:bg-surface-400': props.severity == 'secondary',
+                'bg-green-500 dark:bg-green-400': props.severity == 'success',
+                'bg-blue-500 dark:bg-blue-400': props.severity == 'info',
+                'bg-orange-500 dark:bg-orange-400': props.severity == 'warning',
+                'bg-purple-500 dark:bg-purple-400': props.severity == 'help',
+                'bg-red-500 dark:bg-red-400': props.severity == 'danger'
+            }
+        ]
+    })
+};