@bothub-chat/ui/dist/components/developer-key/styled.js

Bothub UI Components

import{styled as e,css as o}from"styled-components";import{Typography as t}from"../typography/index.js";import{CopyIcon as r}from"../../icons/copy/index.js";import{TrashIcon as i}from"../../icons/trash/index.js";const n=e.div.withConfig({displayName:"styled__DeveloperKeyWrapper",componentId:"sc-1xktcip-0"})(["display:flex;"," max-width:100%;flex-direction:column;align-items:flex-start;gap:8px;"],(({$skeleton:e})=>e&&o`
      width: 100%;
    `)),s=e.div.withConfig({displayName:"styled__DeveloperKeyStyled",componentId:"sc-1xktcip-1"})(["display:flex;align-items:center;gap:10px;width:100%;max-width:1000px;background:",";padding:18px 16px;border:1px solid ",";border-radius:8px;overflow:hidden;",""],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.colors.grayScale.gray2),(({$skeleton:e})=>e?o`
        cursor: progress;
      `:o`
      cursor: pointer;
      &:hover {
        border-color: ${({theme:e})=>e.colors.accent.primary};
      }
      &:focus {
        border-color: ${({theme:e})=>e.colors.accent.primary};
        cursor: default;
      }
    `)),l=e.div.withConfig({displayName:"styled__DeveloperKeyContent",componentId:"sc-1xktcip-2"})(["display:flex;width:100%;align-items:center;justify-content:center;gap:20px;"]),a=e(t).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__DeveloperKeyLabel",componentId:"sc-1xktcip-3"})([""]),p=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__DeveloperKeyValue",componentId:"sc-1xktcip-4"})(["text-overflow:ellipsis;width:100%;overflow:hidden;white-space:nowrap;color:",";user-select:none;"],(({theme:e})=>e.default.colors.grayScale.gray1)),c=e(r).withConfig({displayName:"styled__DeveloperKeyCopyIcon",componentId:"sc-1xktcip-5"})([""]),d=e.button.withConfig({displayName:"styled__DeveloperKeyDeleteButton",componentId:"sc-1xktcip-6"})(["all:unset;margin:0;border:none;display:flex;justify-content:center;align-items:center;"," transition:0.05s ease-in-out;"],(({$skeleton:e})=>e?o`
          &:hover {
            cursor: progress;
          }
        `:o`
          &:hover {
            cursor: pointer;
            filter: brightness(1.2);
          }
          &:active {
            opacity: 0.6;
            transform: translateY(1px);
          }
        `)),y=e(i).withConfig({displayName:"styled__DeveloperKeyDeleteIcon",componentId:"sc-1xktcip-7"})([""]);export{l as DeveloperKeyContent,c as DeveloperKeyCopyIcon,d as DeveloperKeyDeleteButton,y as DeveloperKeyDeleteIcon,a as DeveloperKeyLabel,s as DeveloperKeyStyled,p as DeveloperKeyValue,n as DeveloperKeyWrapper};