ant-design-x-vue-next/lib/actions/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 r=require("../../_util/cssinjs/util.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const d=require("../../_util/cssinjs-utils/util/statistic.js"),l=require("../../theme/genStyleUtils.js"),o=require("../../style/motion/fade.js"),c=e=>{const{componentCls:i,calc:t}=e;return{[i]:{[`&${i}-rtl`]:{direction:"rtl"},[`${i}-list`]:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:e.paddingXS,color:e.colorTextDescription,"&-item, &-sub-item":{cursor:"pointer",padding:e.paddingXXS,borderRadius:e.borderRadius,height:e.controlHeightSM,width:e.controlHeightSM,boxSizing:"border-box",display:"inline-flex",alignItems:"center",justifyContent:"center","&-icon":{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:e.fontSize,width:"100%",height:"100%"},"&:hover":{background:e.colorBgTextHover},"&-disabled":{cursor:"not-allowed",opacity:.4,pointerEvents:"none","&:hover":{background:"transparent"}}},[`${i}-list-danger`]:{color:e.colorError}},[`${i}-variant-outlined`]:{paddingInline:r.unit(t(e.paddingXXS).add(1).equal()),paddingBlock:e.paddingXXS,borderRadius:e.borderRadius,border:`${r.unit(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`},[`${i}-variant-filled`]:{paddingInline:r.unit(t(e.paddingXXS).add(1).equal()),paddingBlock:e.paddingXXS,borderRadius:e.borderRadius,backgroundColor:e.colorBorderSecondary,color:e.colorTextSecondary,[`${i}-list-item, ${i}-list-sub-item`]:{"&:hover":{color:e.colorTextSecondary,background:"transparent",opacity:.8}}},"& .block":{display:"flex"},[`${i}-copy`]:{[`&${i}-copy-rtl`]:{direction:"rtl"},[`${i}-copy-copy`]:{fontSize:"inherit",[`&:not(${i}-copy-success)`]:{color:"inherit !important"}}},[`&${i}-feedback, ${i}-feedback`]:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:e.paddingXXS},[`&${i}-button-item, ${i}-button-item, &${i}-item, ${i}-item`]:{cursor:"pointer",fontSize:e.fontSize,paddingInline:e.paddingXXS,paddingBlock:e.paddingXXS,borderRadius:e.borderRadiusSM,height:e.controlHeightSM,boxSizing:"border-box",display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:e.lineHeight,touchAction:"manipulation","&:hover":{background:e.colorBgTextHover}},[`${i}-audio-recording-icon`]:{width:"1em",height:"1em"}}}},n=()=>({}),a=l.genStyleHooks("Actions",e=>{const i=d.merge(e,{});return[c(i),o.initFadeLeftMotion(i,!0),o.initFadeMotion(i,!0)]},n);exports.default=a;exports.prepareComponentToken=n;