ant-design-x-vue-next/lib/conversations/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"}});const o=require("../../chunks/module-chunk.js");require("../../_util/cssinjs/StyleContext.js");require("vue");const e=require("../../_util/cssinjs/util.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const a=require("../../theme/genStyleUtils.js"),c=require("../../_util/cssinjs-utils/util/statistic.js");require("../../transition-collapse/index.js");const d=require("../../transition-collapse/style/index.js"),s=r=>{const{componentCls:i}=r;return{[i]:{display:"flex",flexDirection:"column",gap:r.paddingXXS,overflowY:"auto",padding:r.paddingSM,margin:0,listStyle:"none",[`&${i}-rtl`]:{direction:"rtl"},[`${i}-creation`]:{backgroundColor:r.creationBgColor,color:r.colorPrimary,border:"none",fontWeight:500,paddingBlock:r.paddingXS,paddingInline:r.paddingSM,fontSize:r.fontSize,cursor:"pointer",display:"flex",touchAction:"manipulation",gap:r.paddingXS,marginBlockEnd:r.marginSM,lineHeight:r.lineHeight,borderRadius:r.borderRadiusLG,transition:`all ${r.motionDurationMid} ${r.motionEaseInOut}`,width:"100%",boxSizing:"border-box",alignItems:"center",[`&:not(${i}-creation-disabled):hover`]:{color:r.colorPrimary,background:r.creationHoverColor},[`&:not(${i}-creation-disabled)`]:{border:`${e.unit(r.lineWidth)} ${r.lineType} ${r.creationBorderColor}`},"&-start":{justifyContent:"flex-start"},"&-center":{justifyContent:"center"},"&-end":{justifyContent:"flex-end"},"&-label":{display:"flex",justifyContent:"space-between",alignItems:"center",gap:r.paddingXS,flex:1},"&-shortcut-keys":{display:"inline-flex",gap:r.paddingXXS,marginInlineStart:"auto",opacity:.75,fontSize:r.fontSizeSM,fontWeight:400},"&-shortcut-key":{display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:r.fontSizeSM,paddingInline:r.paddingXXS,borderRadius:r.borderRadiusSM,background:r.colorFillSecondary,lineHeight:1.2},"&-disabled":{cursor:"not-allowed",background:r.colorBgContainerDisabled,[`& ${i}-creation-label, ${i}-creation-icon`]:{color:r.colorTextDisabled}}},[`& ${i}-list`]:{display:"flex",gap:r.paddingXXS,flexDirection:"column",paddingLeft:0,[`& ${i}-item`]:{paddingInlineStart:r.paddingXL},[`& ${i}-label`]:{color:r.colorTextDescription}},[`& ${i}-divider`]:{marginBlock:r.marginXXS},[`& ${i}-item`]:{display:"flex",height:r.controlHeightLG,minHeight:r.controlHeightLG,gap:r.paddingXS,padding:`0 ${e.unit(r.paddingXS)}`,alignItems:"center",borderRadius:r.borderRadiusLG,cursor:"pointer",transition:`all ${r.motionDurationMid} ${r.motionEaseInOut}`,"&:hover":{backgroundColor:r.colorBgTextHover},"&-active":{backgroundColor:r.colorBgTextHover,[`& ${i}-label, ${i}-menu-icon`]:{color:r.colorText}},"&-disabled":{cursor:"not-allowed",[`& ${i}-label`]:{color:r.colorTextDisabled}},"&:hover, &-active":{[`& ${i}-menu-icon`]:{opacity:1}},"&-menu-always":{[`& ${i}-menu-icon`]:{opacity:1}}},[`& ${i}-label`]:{flex:1,overflow:"hidden",textOverflow:"ellipsis",color:r.colorText},[`& ${i}-menu-icon`]:{opacity:0,fontSize:r.fontSizeXL},[`& ${i}-group-title`]:{display:"flex",alignItems:"center",color:r.colorTextDescription,height:r.controlHeightLG,minHeight:r.controlHeightLG,padding:`0 ${e.unit(r.paddingXS)}`},[`& ${i}-group-title-collapsible`]:{justifyContent:"space-between",cursor:"pointer",color:r.colorText,borderRadius:r.borderRadiusLG,transition:`all ${r.motionDurationMid} ${r.motionEaseInOut}`,touchAction:"manipulation","&:hover":{backgroundColor:r.colorBgTextHover}},[`& ${i}-group-label`]:{flex:1,minWidth:0},[`& ${i}-group-collapse-trigger`]:{transition:`all ${r.motionDurationMid} ${r.motionEaseInOut}`,transform:"rotate(0deg)",transformOrigin:"center center"},[`& ${i}-group-collapse-trigger-open`]:{transform:"rotate(90deg)"},[`& ${i}-group-collapse-trigger-close`]:{transform:"rotate(0deg)"},[`& ${i}-content-hidden`]:{display:"none"}}}},t=r=>{const i=new o.FastColor(r.colorPrimary).setA(.15),n=new o.FastColor(r.colorPrimary).setA(.22),l=new o.FastColor(r.colorPrimary).setA(.25);return{creationBgColor:i.toRgbString(),creationBorderColor:n.toRgbString(),creationHoverColor:l.toRgbString()}},g=a.genStyleHooks("Conversations",r=>{const i=c.merge(r,{});return[s(i),d.genTransitionCollapseStyle(i)]},t);exports.default=g;exports.prepareComponentToken=t;