@bitrix24/b24ui-nuxt/.nuxt/b24ui/description-list.ts

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

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]
  }
}