@bothub-chat/ui/dist/components/range-field/styled.js

Bothub UI Components

import{styled as e,css as i}from"styled-components";import t from"rc-slider";import{Typography as o}from"../typography/index.js";import{Skeleton as a}from"../skeleton/index.js";import{adaptive as r}from"../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__RangeFieldStyled",componentId:"sc-1bb2wns-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;z-index:1;"," "," ",""],({$fullWidth:e})=>!e&&i`
      max-width: 240px;
    `,({$disabled:e})=>e&&i`
      cursor: not-allowed;
    `,({$disabled:e})=>!e&&i`
      cursor: default;
    `),l=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldLabel",componentId:"sc-1bb2wns-1"})(["display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:inherit;width:100%;"]),n=e.div.withConfig({displayName:"styled__RangeFieldFormattedValue",componentId:"sc-1bb2wns-2"})(["display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid ",";background:",";font-size:14px;line-height:18px;font-weight:400;width:100%;color:",";margin-bottom:4px;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.base.white),s=e(t).withConfig({displayName:"styled__RangeFieldRange",componentId:"sc-1bb2wns-3"})(["display:flex;align-items:center;width:100%;height:16px;position:relative;&:before{content:'';z-index:-1;position:absolute;top:0;margin:auto;border-radius:4px;background:",";height:8px;width:100%;left:0;right:0;bottom:0;}border-radius:4px;.custom-track{display:flex;border-radius:4px 0 0 4px;height:8px;background:","};"," ","}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e,$disabled:i})=>i?e.colors.grayScale.gray1:e.colors.accent.primary,({$disabled:e})=>e&&i`
        cursor: not-allowed;
      `,({$disabled:e})=>!e&&i`
        cursor: pointer;
      `),p=e(a).withConfig({displayName:"styled__RangeFieldSkeleton",componentId:"sc-1bb2wns-4"})(["width:100%;height:16px;"]),c=e.span.withConfig({displayName:"styled__RangeFieldRangeThumb",componentId:"sc-1bb2wns-5"})(["display:inline-flex;position:relative;flex-shrink:0;border-radius:50%;background:",";outline:none;"," "," "," ",""],({theme:e})=>e.default.colors.base.white,({$disabled:e})=>e&&i`
      cursor: not-allowed;
    `,({$disabled:e})=>!e&&i`
      cursor: pointer;
    `,r({merge:!0,desktop:i`
      width: 16px;
      height: 16px;
    `,tablet:i`
      width: 20px;
      height: 20px;
    `}),({theme:e})=>"light"===e.mode&&i`
      box-shadow: 0px 0px 0px 1px ${e.default.colors.grayScale.gray6};
    `),m=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldErrorText",componentId:"sc-1bb2wns-6"})(["display:inline-flex;margin-top:8px;color:",";"],({theme:e})=>e.colors.critic);export{m as RangeFieldErrorText,n as RangeFieldFormattedValue,l as RangeFieldLabel,s as RangeFieldRange,c as RangeFieldRangeThumb,p as RangeFieldSkeleton,d as RangeFieldStyled};