diff --git a/assets/styles/presets/aura/avatar.css b/assets/styles/presets/aura/avatar.css new file mode 100644 index 00000000..dd2fd4ad --- /dev/null +++ b/assets/styles/presets/aura/avatar.css @@ -0,0 +1,50 @@ +.p-avatar { + @apply inline-flex items-center justify-center + w-8 h-8 text-base rounded-md + bg-surface-200 dark:bg-surface-700 +} + +.p-avatar-image { + @apply bg-transparent +} + +.p-avatar-circle, +.p-avatar-circle img { + @apply rounded-full +} + +.p-avatar-icon { + @apply text-base +} + +.p-avatar img { + @apply w-full h-full +} + +.p-avatar-lg { + @apply w-12 h-12 text-2xl +} + +.p-avatar-lg .p-avatar-icon { + @apply text-2xl +} + +.p-avatar-xl { + @apply w-16 h-16 text-[2rem] +} + +.p-avatar-xl .p-avatar-icon { + @apply text-[2rem] +} + +.p-avatar-group { + @apply flex items-center +} + +.p-avatar-group .p-avatar + .p-avatar { + @apply -ml-4 +} + +.p-avatar-group .p-avatar { + @apply border-2 border-surface-200 dark:border-surface-700 +} \ No newline at end of file diff --git a/assets/styles/presets/aura/chip.css b/assets/styles/presets/aura/chip.css new file mode 100644 index 00000000..600bba0d --- /dev/null +++ b/assets/styles/presets/aura/chip.css @@ -0,0 +1,27 @@ +.p-chip { + @apply inline-flex items-center rounded-2xl gap-2 px-3 py-2 + bg-surface-100 dark:bg-surface-800 + text-surface-800 dark:text-surface-0 +} + +.p-chip-icon { + @apply text-surface-800 dark:bg-surface-0 text-base w-4 h-4 +} + +.p-chip-image { + @apply rounded-full w-8 h-8 -ml-2 +} + +.p-chip:has(.p-chip-remove-icon) { + @apply pr-2 +} + +.p-chip:has(.p-chip-image) { + @apply pt-1 pb-1 +} + +.p-chip-remove-icon { + @apply cursor-pointer text-base w-4 h-4 rounded-full + text-surface-800 dark:text-surface-0 + focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary +} \ No newline at end of file diff --git a/assets/styles/presets/aura/components.css b/assets/styles/presets/aura/components.css index b2786eb8..4d966999 100644 --- a/assets/styles/presets/aura/components.css +++ b/assets/styles/presets/aura/components.css @@ -20,3 +20,7 @@ @import './scrollpanel'; @import './splitter'; @import './toolbar'; + +/* Misc */ +@import './avatar'; +@import './chip';