ant-design-x-vue/lib/sender/style/index.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../_util/cssinjs/StyleContext.js");require("vue");const c=require("../../_util/cssinjs/util.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const u=require("../../_util/cssinjs-utils/util/statistic.js"),g=require("../../theme/genStyleUtils.js");require("../../transition-collapse/index.js");const p=require("./header.js"),b=require("../../transition-collapse/style/index.js"),S=e=>{const{componentCls:i,padding:o,paddingSM:r,paddingXS:n,paddingXXS:d,lineWidth:l,lineWidthBold:a,calc:s}=e;return{[i]:{position:"relative",width:"100%",boxSizing:"border-box",boxShadow:`${e.boxShadowTertiary}`,transition:`background ${e.motionDurationSlow}`,borderRadius:{_skip_check_:!0,value:s(e.borderRadius).mul(2).equal()},borderColor:e.colorBorder,borderWidth:0,borderStyle:"solid","&:after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",transition:`border-color ${e.motionDurationSlow}`,borderRadius:{_skip_check_:!0,value:"inherit"},borderStyle:"inherit",borderColor:"inherit",borderWidth:l},"&:focus-within":{boxShadow:`${e.boxShadowSecondary}`,borderColor:e.colorPrimary,"&:after":{borderWidth:a}},"&-disabled":{background:e.colorBgContainerDisabled},[`&${i}-rtl`]:{direction:"rtl"},[`${i}-content`]:{display:"flex",gap:n,width:"100%",paddingBlock:r,paddingInlineStart:o,paddingInlineEnd:r,boxSizing:"border-box",alignItems:"flex-end"},[`${i}-prefix`]:{flex:"none"},[`${i}-input`]:{padding:0,borderRadius:0,flex:"auto",alignSelf:"center",minHeight:"auto"},[`${i}-actions-list`]:{flex:"none",display:"flex","&-presets":{gap:e.paddingXS}},[`${i}-actions-btn`]:{"&-disabled":{opacity:.45},"&-loading-button":{padding:0,border:0},"&-loading-icon":{height:e.controlHeight,width:e.controlHeight,verticalAlign:"top"},"&-recording-icon":{height:"1.2em",width:"1.2em",verticalAlign:"top"}},[`${i}-footer`]:{paddingInlineStart:o,paddingInlineEnd:r,paddingBlockEnd:r,paddingBlockStart:d,boxSizing:"border-box"}}}},t=()=>({}),h=g.genStyleHooks("Sender",e=>{const{paddingXS:i,calc:o}=e,r=u.merge(e,{SenderContentMaxWidth:`calc(100% - ${c.unit(o(i).add(32).equal())})`});return[S(r),p.default(r),b.genTransitionCollapseStyle(r)]},t);exports.default=h;exports.prepareComponentToken=t;