@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
67 lines (66 loc) • 2.13 kB
text/typescript
const size = [
"sm",
"md"
] as const
export default {
"slots": {
"root": "w-full shrink-0",
"legend": "font-semibold text-black dark:text-base-150",
"text": "text-base-500 dark:text-base-400",
"container": "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
"labelWrapper": "col-start-1 border-t first:border-none sm:border-t flex flex-nowrap flex-row items-center justify-start gap-1.5 border-base-950/5 text-base-500 sm:border-base-950/5 dark:border-white/5 dark:text-base-400 sm:dark:border-white/5",
"icon": "shrink-0 size-6 text-base-500 dark:text-base-400",
"avatar": "shrink-0",
"avatarSize": "",
"label": "",
"descriptionWrapper": "sm:border-t sm:[&:nth-child(2)]:border-none text-base-900 sm:border-base-950/5 dark:text-base-150 dark:sm:border-white/5",
"description": "",
"actions": "flex flex-wrap gap-1.5 shrink-0",
"footer": "border-t border-base-950/5 dark:border-white/5"
},
"variants": {
"size": {
"sm": {
"legend": "text-md",
"text": "mt-1 max-w-2/3 text-sm",
"container": "mt-2.5 text-md",
"labelWrapper": "pt-3 sm:py-3",
"avatarSize": "xs",
"label": "",
"descriptionWrapper": "pb-3 pt-1 sm:py-3",
"description": "",
"footer": "mt-2 p-2"
},
"md": {
"legend": "text-xl",
"text": "mt-2 max-w-2/3 text-lg leading-5",
"container": "mt-3 text-lg",
"labelWrapper": "pt-3 sm:py-3",
"avatarSize": "xs",
"label": "",
"descriptionWrapper": "pb-3 pt-1 sm:py-3",
"description": "",
"footer": "mt-4 p-4"
}
},
"orientation": {
"horizontal": {
"descriptionWrapper": "w-full flex flex-row items-center justify-between gap-4",
"actions": "items-center"
},
"vertical": {
"descriptionWrapper": "",
"actions": "items-start mt-2.5"
}
},
"title": {
"true": {
"description": "mt-1"
}
}
},
"compoundVariants": [],
"defaultVariants": {
"size": "md" as typeof size[number]
}
}