@bothub-chat/ui/dist/components/description/card/styled.js

Bothub UI Components

import{styled as t,css as i}from"styled-components";import{Typography as a}from"../../typography/index.js";import{Button as e}from"../../button/index.js";const d=t.div.withConfig({displayName:"styled__DescriptionCardBorderWrapper",componentId:"sc-1ylto9n-0"})(["padding:1px;border-radius:12px;height:100%;width:100%;",""],(({$variant:t,theme:a})=>"tertiary"===t?i`
          background: radial-gradient(
            50% 100% at 150px -10%,
            ${a.colors.accent.primary},
            rgba(0, 0, 0, 0)
          );
        `:i``)),o=t.div.withConfig({displayName:"styled__DescriptionCardBackgroundWrapper",componentId:"sc-1ylto9n-1"})(["position:relative;border-radius:12px;overflow:hidden;height:100%;width:100%;"]),n=t.div.withConfig({displayName:"styled__DescriptionCardContent",componentId:"sc-1ylto9n-2"})(["width:100%;height:100%;position:relative;box-sizing:border-box;",""],(({$variant:t,theme:a})=>{switch(t){case"tertiary":return i`
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 24px 20px;
          @media (max-width: ${a.tablet.maxWidth}) {
            padding: 24px 18px;
          }
          @media (max-width: ${a.mobile.maxWidth}) {
            padding: 24px 14px;
          }
        `;case"quaternary":return i`
          padding: 28px 24px;
          @media (max-width: ${a.tablet.maxWidth}) {
            padding: 24px 18px;
            align-items: center;
          }
          @media (max-width: ${a.mobile.maxWidth}) {
            padding: 30px 16px;
          }
        `;default:return i`
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 34px;
          @media (max-width: ${a.tablet.maxWidth}) {
            padding: 18px;
          }
          @media (max-width: ${a.mobile.maxWidth}) {
            padding: 16px;
          }
        `}})),r=t.div.withConfig({displayName:"styled__DescriptionCardBackground",componentId:"sc-1ylto9n-3"})(["position:absolute;width:100%;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;",""],(({theme:t,$variant:a})=>{if("tertiary"===a)return i`
          background-color: ${t.colors.grayScale.gray4};
        `})),p=t(a).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__DescriptionCardTitle",componentId:"sc-1ylto9n-4"})(["z-index:1;color:",";"],(({theme:t})=>t.default.colors.base.white)),m=t(a).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__DescriptionCardTertiaryTitle",componentId:"sc-1ylto9n-5"})(["margin-top:16px;@media (max-width:","){margin-top:14px;}@media (max-width:","){margin-top:10px;}"],(({theme:t})=>t.tablet.maxWidth),(({theme:t})=>t.mobile.maxWidth)),l=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardText",componentId:"sc-1ylto9n-6"})(["z-index:2;color:",";margin-top:16px;"],(({theme:t})=>t.default.colors.base.white)),x=t(a).attrs({variant:"body-m-regular",component:"p"}).withConfig({displayName:"styled__DescriptionCardTertiaryText",componentId:"sc-1ylto9n-7"})(["margin-top:12px;"]),s=t.div.withConfig({displayName:"styled__DescriptionCardButtonsWrapper",componentId:"sc-1ylto9n-8"})(["margin-top:20px;display:flex;column-gap:16px;z-index:2;@media (max-width:550px){margin-bottom:0px;margin-left:auto;margin-right:auto;}"]),h=t(e).withConfig({displayName:"styled__DescriptionCardButton",componentId:"sc-1ylto9n-9"})([""]),c=t.div.withConfig({displayName:"styled__DescriptionCardStyled",componentId:"sc-1ylto9n-10"})(["display:flex;width:100%;min-height:180px;max-width:630px;aspect-ratio:auto;"," "," ",""],(({$variant:t,theme:a,$descriptionCardType:e})=>"main"===t&&i`
      height: ${"collaborate"===e?"498px":"476px"};
      @media (max-width: 1600px) {
        height: ${"collaborate"===e&&"565px"};
      }
      @media (max-width: 1100px) {
        height: ${"products"===e&&"603px"};
      }
      @media (max-width: 912px) {
        height: ${"collaborate"===e&&"603px"};
      }
      @media (max-width: ${a.mobile.maxWidth}) {
        height: ${"collaborate"===e?"628px":"528px"};
      }
      ${n} {
        > ${p} {
          text-align: center;
        }
        > ${s} {
          margin: auto 0;
          margin-top: 20px;
        }
      }
      ${r} {
        background-repeat: no-repeat;
        background-position: bottom right;
      }
    `),(({$variant:t,theme:a})=>"secondary"===t&&i`
      @media (max-width: ${a.mobile.maxWidth}) {
        min-height: auto;
        height: auto;
        ${r} {
          background-size: cover;
        }
      }
    `),(({theme:t,$variant:a})=>"tertiary"===a&&i`
      max-width: 300px;
      @media (max-width: ${t.tablet.maxWidth}) {
        max-width: 365px;
      }
    `)),g=t.ul.withConfig({displayName:"styled__DescriptionCardUlStyled",componentId:"sc-1ylto9n-11"})(["margin:0;padding:0;padding-right:20px;z-index:2;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;row-gap:16px;@media (min-width:1600px){padding-right:60px;}"]),y=t.li.withConfig({displayName:"styled__DescriptionCardLiStled",componentId:"sc-1ylto9n-12"})(["margin:0;list-style:none;padding:0;display:flex;z-index:2;align-items:center;column-gap:16px;"]),w=t(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DescriptionCardLiContent",componentId:"sc-1ylto9n-13"})([""]);export{r as DescriptionCardBackground,o as DescriptionCardBackgroundWrapper,d as DescriptionCardBorderWrapper,h as DescriptionCardButton,s as DescriptionCardButtonsWrapper,n as DescriptionCardContent,w as DescriptionCardLiContent,y as DescriptionCardLiStled,c as DescriptionCardStyled,x as DescriptionCardTertiaryText,m as DescriptionCardTertiaryTitle,l as DescriptionCardText,p as DescriptionCardTitle,g as DescriptionCardUlStyled};