sigma-ui/__generated/registry-schemes/style-system/css/card.json

CLI for SIGMA-UI components.

{
  "name": "card",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "name": "Card.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div\n    class=\"sigma-ui-card\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n.sigma-ui-card {\n  border: 1px solid hsl(var(--border));\n  border-radius: var(--radius);\n  background-color: hsl(var(--card));\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);\n  color: hsl(var(--card-foreground));\n}\n</style>\n"
    },
    {
      "name": "CardContent.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div\n    class=\"sigma-ui-card__content\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n.sigma-ui-card__content {\n  padding: 0 1.5rem 1.5rem;\n}\n</style>\n"
    },
    {
      "name": "CardDescription.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <p\n    class=\"sigma-ui-card__description\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </p>\n</template>\n\n<style>\n.sigma-ui-card__description {\n  color: hsl(var(--muted-foreground));\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n</style>\n"
    },
    {
      "name": "CardFooter.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div\n    class=\"sigma-ui-card__footer\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n.sigma-ui-card__footer {\n  display: flex;\n  padding: 0 1.5rem 1.5rem;\n  gap: 0.5rem;\n}\n</style>\n"
    },
    {
      "name": "CardHeader.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div\n    class=\"sigma-ui-card__header\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style>\n.sigma-ui-card__header {\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem;\n  gap: 0.375rem;\n}\n</style>\n"
    },
    {
      "name": "CardTitle.vue",
      "content": "<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <h3\n    class=\"sigma-ui-card__title\"\n    :class=\"[$attrs.class]\"\n  >\n    <slot />\n  </h3>\n</template>\n\n<style>\n.sigma-ui-card__title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  letter-spacing: -0.025em;\n  line-height: 1;\n}\n</style>\n"
    },
    {
      "name": "index.ts",
      "content": "export { default as Card } from './Card.vue';\nexport { default as CardHeader } from './CardHeader.vue';\nexport { default as CardFooter } from './CardFooter.vue';\nexport { default as CardTitle } from './CardTitle.vue';\nexport { default as CardDescription } from './CardDescription.vue';\nexport { default as CardContent } from './CardContent.vue';\n"
    }
  ],
  "type": "components:ui"
}