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

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../_util/cssinjs/StyleContext.js");require("vue");const u=require("../../_util/cssinjs/util.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const g=require("../../_util/cssinjs-utils/util/statistic.js"),i=require("../../chunks/module-chunk.js"),S=require("../../theme/genStyleUtils.js");require("../../transition-collapse/index.js");const b=require("./header.js"),p=require("./switch.js"),h=require("./slot-textarea.js"),_=require("../../transition-collapse/style/index.js"),x=e=>{const{componentCls:o,padding:t,paddingSM:r,paddingXS:n,paddingXXS:l,lineWidth:d,lineWidthBold:s,calc:a}=e;return{[o]:{position:"relative",width:"100%",boxSizing:"border-box",boxShadow:`${e.boxShadowTertiary}`,transition:`background ${e.motionDurationSlow}`,borderRadius:{_skip_check_:!0,value:a(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:d},"&:focus-within":{boxShadow:`${e.boxShadowSecondary}`,borderColor:e.colorPrimary,"&:after":{borderWidth:s}},"&-disabled":{background:e.colorBgContainerDisabled},[`&${o}-rtl`]:{direction:"rtl"},[`${o}-content`]:{display:"flex",gap:n,width:"100%",paddingBlock:r,paddingInlineStart:t,paddingInlineEnd:r,boxSizing:"border-box",alignItems:"flex-end"},[`${o}-prefix`]:{flex:"none"},[`${o}-input`]:{padding:0,borderRadius:0,flex:"auto",alignSelf:"center",minHeight:"auto"},[`${o}-actions-list`]:{flex:"none",display:"flex","&-presets":{gap:e.paddingXS}},[`${o}-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"}},[`${o}-footer`]:{paddingInlineStart:t,paddingInlineEnd:r,paddingBlockEnd:r,paddingBlockStart:l,boxSizing:"border-box"}}}},c=e=>{const{colorPrimary:o}=e,t=new i.FastColor(o).setA(.06).toRgbString(),r=new i.FastColor(o).setA(.08).toRgbString(),n=new i.FastColor(o).setA(.15).toRgbString(),l=o,d=new i.FastColor(o).setA(.25).toRgbString(),s=new i.FastColor(o).setA(.1).toRgbString();return{colorBgSlot:t,colorBgSkill:r,colorBgSkillHover:n,colorTextSlot:l,colorTextSlotPlaceholder:d,colorBorderSlotHover:s,colorBorderSlot:t}},y=S.genStyleHooks("Sender",e=>{const{paddingXS:o,calc:t}=e,r=g.merge(e,{SenderContentMaxWidth:`calc(100% - ${u.unit(t(o).add(32).equal())})`});return[x(r),b.default(r),p.default(r),h.default(r),_.genTransitionCollapseStyle(r)]},c);exports.default=y;exports.prepareComponentToken=c;