@bothub-chat/ui/dist/components/banner/black-friday/styled.js

Bothub UI Components

import{styled as t,css as a}from"styled-components";import{adaptive as e}from"../../../adaptive/index.js";import i from"./assets/dashboard/desktop.svg.js";import n from"./assets/dashboard/tablet.svg.js";import o from"./assets/dashboard/mobile.svg.js";import s from"./assets/main/desktop.svg.js";import r from"./assets/main/tablet.svg.js";import l from"./assets/main/mobile.svg.js";import d from"./assets/wave.svg.js";import{Typography as p}from"../../typography/index.js";const c=t.div.withConfig({displayName:"styled__BlackFridayBannerStyled",componentId:"sc-cyl9sl-0"})(["position:relative;display:flex;align-items:center;padding:60px 40px;background:",";border-radius:24px;width:100%;overflow:hidden;",""],({theme:t})=>t.default.colors.grayScale.gray7,({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",desktop:a`
            height: 374px;
          `,tablet:a`
            height: 306px;
          `,mobile:a`
            align-items: flex-start;
            padding: 40px 34px;
          `});case"main":return e({variant:"main",tablet:a`
            padding: 28px 40px;
          `,mobile:a`
            gap: 10px;
            height: 300px;
            align-items: flex-start;
            padding: 32px 34px;
          `})}}),m=t.div.withConfig({displayName:"styled__BlackFridayBannerStyledGradient",componentId:"sc-cyl9sl-1"})(["position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,rgba(16,19,38,0.5) 0%,rgba(28,100,242,0.5) 100% );width:100%;height:100%;"]),h=t.div.withConfig({displayName:"styled__BlackFridayBannerBackgroundText",componentId:"sc-cyl9sl-2"})(["position:absolute;display:flex;white-space:pre-wrap;flex-direction:column;margin:auto;left:0;right:0;top:-35px;bottom:0;opacity:0.1;z-index:1;color:",";overflow:hidden;text-transform:uppercase;font-family:inherit;font-size:200px;font-weight:900;line-height:145px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;",""],({theme:t})=>t.default.colors.base.white,({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",desktop:a`
            top: 42px;
          `,tablet:a`
            top: 49px;
            font-size: 143px;
            line-height: 104px;
          `,mobile:a`
            display: none;
          `});case"main":return e({variant:"main",tablet:a`
            top: -2px;
            font-size: 143px;
            line-height: 104px;
          `,mobile:a`
            display: none;
          `})}}),g=t.img.attrs({src:d}).withConfig({displayName:"styled__BlackFridayBannerBackgroundWave",componentId:"sc-cyl9sl-3"})(["position:absolute;display:none;width:100%;right:0;bottom:0;z-index:1;",""],({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",mobile:a`
            height: 100%;
            display: block;
          `});case"main":return e({variant:"main",mobile:a`
            display: block;
          `})}}),y=t.img.withConfig({displayName:"styled__BlackFridayBannerBackground",componentId:"sc-cyl9sl-4"})(["display:none;position:absolute;height:100%;right:0;bottom:0;z-index:0;"]),x=t(y).attrs({src:i}).withConfig({displayName:"styled__BlackFridayBannerBackgroundDashboardDesktop",componentId:"sc-cyl9sl-5"})(["",""],e({variant:"dashboard",desktop:a`
      display: block;
      right: clamp(-13.75rem, -80rem + 100vw, 0rem);
    `})),b=t(y).attrs({src:n}).withConfig({displayName:"styled__BlackFridayBannerBackgroundDashboardTablet",componentId:"sc-cyl9sl-6"})(["",""],e({variant:"dashboard",tablet:a`
      right: clamp(-18.75rem, -53.125rem + 100vw, 0rem);
      display: block;
    `})),f=t(y).attrs({src:o}).withConfig({displayName:"styled__BlackFridayBannerBackgroundDashboardMobile",componentId:"sc-cyl9sl-7"})(["",""],e({variant:"dashboard",mobile:a`
      display: block;
      top: 75px;
      right: auto;
      left: 20px;
      scale: 1.5;
    `})),k=t(y).attrs({src:s}).withConfig({displayName:"styled__BlackFridayBannerBackgroundMainDesktop",componentId:"sc-cyl9sl-8"})(["",""],e({variant:"main",desktop:a`
      display: block;
      left: 600px;
    `})),v=t(y).attrs({src:r}).withConfig({displayName:"styled__BlackFridayBannerBackgroundMainTablet",componentId:"sc-cyl9sl-9"})(["",""],e({variant:"main",tablet:a`
      display: block;
      left: 450px;
    `})),u=t(y).attrs({src:l}).withConfig({displayName:"styled__BlackFridayBannerBackgroundMainMobile",componentId:"sc-cyl9sl-10"})(["",""],e({variant:"main",mobile:a`
      display: block;
      right: clamp(-7.813rem, -24.554rem + 71.429vw, 0rem);
    `})),w=t.div.withConfig({displayName:"styled__BlackFridayContainer",componentId:"sc-cyl9sl-11"})(["display:flex;position:relative;z-index:1;white-space:pre-wrap;align-items:flex-start;gap:20px;flex-direction:column;color:",";",""],({theme:t})=>t.default.colors.base.white,({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",merge:!0,desktop:a`
            flex-direction: column;
          `,tablet:a`
            gap: 10px;
          `});case"main":return e({variant:"main",tablet:a`
            flex-direction: column;
          `,mobile:a`
            flex-direction: column-reverse;
            gap: 10px;
          `})}}),B=t(p).attrs({variant:"banner-h3-black",component:"h3"}).withConfig({displayName:"styled__BlackFridayBannerTitle",componentId:"sc-cyl9sl-12"})(["font-family:inherit;font-size:44px;text-transform:uppercase;font-weight:900;line-height:40px;text-align:left;",""],({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",desktop:a`
            font-size: 64px;
            line-height: 60px;
          `});case"main":return null}}),_=t.div.withConfig({displayName:"styled__BlackFridayDescription",componentId:"sc-cyl9sl-13"})(["font-family:inherit;font-size:20px;"," font-weight:600;line-height:24.2px;text-transform:uppercase;letter-spacing:-0.02em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;"],({$variant:t})=>{switch(t){case"dashboard":return e({variant:"dashboard",tablet:a`
            font-size: 16px;
            line-height: 20px;
          `});case"main":return e({variant:"main",desktop:a`
            max-width: 245px;
          `,tablet:a`
            max-width: 171px;
            font-size: 16px;
            line-height: 20px;
          `})}}),C=t(p).attrs({variant:"body-xl-semibold",component:"p"}).withConfig({displayName:"styled__BlackFridayBannerText",componentId:"sc-cyl9sl-14"})(["line-height:28px;text-align:left;width:max-content;text-underline-position:from-font;text-decoration-skip-ink:none;"]);export{y as BlackFridayBannerBackground,x as BlackFridayBannerBackgroundDashboardDesktop,f as BlackFridayBannerBackgroundDashboardMobile,b as BlackFridayBannerBackgroundDashboardTablet,k as BlackFridayBannerBackgroundMainDesktop,u as BlackFridayBannerBackgroundMainMobile,v as BlackFridayBannerBackgroundMainTablet,h as BlackFridayBannerBackgroundText,g as BlackFridayBannerBackgroundWave,c as BlackFridayBannerStyled,m as BlackFridayBannerStyledGradient,C as BlackFridayBannerText,B as BlackFridayBannerTitle,w as BlackFridayContainer,_ as BlackFridayDescription};