@swiftcrab/crab 0.0.2

package/es/steps/style/index.d.ts

@@ -0,0 +1,102 @@
+import type { CSSProperties } from 'react';
+import type { FullToken, GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 描述区域最大宽度
+     * @descEN Max width of description area
+     */
+    descriptionMaxWidth: number;
+    /**
+     * @desc 自定义图标容器尺寸
+     * @descEN Size of custom icon container
+     */
+    customIconSize: number;
+    /**
+     * @desc 自定义图标 top
+     * @descEN Top of custom icon
+     */
+    customIconTop: number;
+    /**
+     * @desc 自定义图标大小
+     * @descEN Font size of custom icon
+     */
+    customIconFontSize: number;
+    /**
+     * @desc 图标容器尺寸
+     * @descEN Size of icon container
+     */
+    iconSize: number;
+    /**
+     * @desc 图标 top
+     * @descEN Top of icon
+     */
+    iconTop: number;
+    /**
+     * @desc 图标大小
+     * @descEN Size of icon
+     */
+    iconFontSize: number;
+    /**
+     * @desc 点状步骤点大小
+     * @descEN Size of dot
+     */
+    dotSize: number;
+    /**
+     * @desc 点状步骤点当前大小
+     * @descEN Current size of dot
+     */
+    dotCurrentSize: number;
+    /**
+     * @desc 可跳转步骤条箭头颜色
+     * @descEN Color of arrow in nav
+     */
+    navArrowColor: string;
+    /**
+     * @desc 可跳转步骤条内容最大宽度
+     * @descEN Max width of nav content
+     */
+    navContentMaxWidth: CSSProperties['maxWidth'];
+    /**
+     * @desc 小号步骤条图标大小
+     * @descEN Size of small steps icon
+     */
+    iconSizeSM: number;
+    /**
+     * @desc 标题行高
+     * @descEN Line height of title
+     */
+    titleLineHeight: number | string;
+}
+export interface StepsToken extends FullToken<'Steps'> {
+    processTailColor: string;
+    processIconColor: string;
+    processTitleColor: string;
+    processDescriptionColor: string;
+    processIconBgColor: string;
+    processIconBorderColor: string;
+    processDotColor: string;
+    waitTitleColor: string;
+    waitDescriptionColor: string;
+    waitTailColor: string;
+    waitDotColor: string;
+    finishIconColor: string;
+    finishTitleColor: string;
+    finishDescriptionColor: string;
+    finishTailColor: string;
+    finishDotColor: string;
+    errorIconColor: string;
+    errorTitleColor: string;
+    errorDescriptionColor: string;
+    errorTailColor: string;
+    errorIconBgColor: string;
+    errorIconBorderColor: string;
+    errorDotColor: string;
+    stepsNavActiveColor: string;
+    stepsProgressSize: number;
+    inlineDotSize: number;
+    inlineTitleColor: string;
+    inlineTailColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Steps'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

package/es/steps/style/index.js

@@ -0,0 +1,35 @@
+import {createTheme,useCacheToken,unit}from'@ant-design/cssinjs';import {genStyleUtils,mergeToken}from'@ant-design/cssinjs-utils';import*as Oe from'react';import Oe__default,{useContext}from'react';import {presetPrimaryColors,presetPalettes,generate}from'@ant-design/colors';import {TinyColor}from'@ctrl/tinycolor';var V={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},K=(e,o=false)=>({boxSizing:"border-box",margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:o?"inherit":e.fontFamily}),ke=()=>({display:"inline-flex",alignItems:"center",color:"inherit",fontStyle:"normal",lineHeight:0,textAlign:"center",textTransform:"none",verticalAlign:"-0.125em",textRendering:"optimizeLegibility","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","> *":{lineHeight:1},svg:{display:"inline-block"}});var Q=e=>({a:{color:e.colorLink,textDecoration:e.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${e.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive},"&:active, &:hover":{textDecoration:e.linkHoverDecoration,outline:0},"&:focus":{textDecoration:e.linkFocusDecoration,outline:0},"&[disabled]":{color:e.colorTextDisabled,cursor:"not-allowed"}}}),Y=(e,o,t,i)=>{let r=`[class^="${o}"], [class*=" ${o}"]`,n=t?`.${t}`:r,l={boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}},p={};return i!==false&&(p={fontFamily:e.fontFamily,fontSize:e.fontSize}),{[n]:{...p,...l,[r]:l}}},J=e=>({outline:`${unit(e.lineWidthFocus)} solid ${e.colorPrimaryBorder}`,outlineOffset:1,transition:"outline-offset 0s, outline 0s"});var H=e=>({[`.${e}`]:{...ke(),[`.${e} .${e}-icon`]:{display:"block"}}});function ee(e){return (e+8)/e}function A(e){let o=new Array(10).fill(null).map((t,i)=>{let r=i-1,n=e*Math.E**(r/5),l=i>1?Math.floor(n):Math.ceil(n);return Math.floor(l/2)*2});return o[1]=e,o.map(t=>({size:t,lineHeight:ee(t)}))}var oe={version:"0.0.2"};var te=oe.version;var D={blue:"#1677FF",purple:"#722ED1",cyan:"#13C2C2",green:"#52C41A",magenta:"#EB2F96",pink:"#EB2F96",red:"#F5222D",orange:"#FA8C16",yellow:"#FADB14",volcano:"#FA541C",geekblue:"#2F54EB",gold:"#FAAD14",lime:"#A0D911"},Ae={...D,colorPrimary:"#1677ff",colorSuccess:"#52c41a",colorWarning:"#faad14",colorError:"#ff4d4f",colorInfo:"#1677ff",colorLink:"",colorTextBase:"",colorBgBase:"",fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,fontFamilyCode:"'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",fontSize:14,lineWidth:1,lineType:"solid",motionUnit:.1,motionBase:0,motionEaseOutCirc:"cubic-bezier(0.08, 0.82, 0.17, 1)",motionEaseInOutCirc:"cubic-bezier(0.78, 0.14, 0.15, 0.86)",motionEaseOut:"cubic-bezier(0.215, 0.61, 0.355, 1)",motionEaseInOut:"cubic-bezier(0.645, 0.045, 0.355, 1)",motionEaseOutBack:"cubic-bezier(0.12, 0.4, 0.29, 1.46)",motionEaseInBack:"cubic-bezier(0.71, -0.46, 0.88, 0.6)",motionEaseInQuint:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",motionEaseOutQuint:"cubic-bezier(0.23, 1, 0.32, 1)",borderRadius:6,sizeUnit:4,sizeStep:4,sizePopupArrow:16,controlHeight:32,zIndexBase:0,zIndexPopupBase:1e3,opacityImage:1,wireframe:false,motion:true},u=Ae;function L(e,{generateColorPalettes:o,generateNeutralColorPalettes:t}){let{colorSuccess:i,colorWarning:r,colorError:n,colorInfo:l,colorPrimary:p,colorBgBase:s,colorTextBase:a}=e,c=o(p),m=o(i),g=o(r),d=o(n),f=o(l),Ie=t(s,a),Me=e.colorLink||e.colorInfo,k=o(Me),ze=new TinyColor(d[1]).mix(new TinyColor(d[3]),50).toHexString();return {...Ie,colorPrimaryBg:c[1],colorPrimaryBgHover:c[2],colorPrimaryBorder:c[3],colorPrimaryBorderHover:c[4],colorPrimaryHover:c[5],colorPrimary:c[6],colorPrimaryActive:c[7],colorPrimaryTextHover:c[8],colorPrimaryText:c[9],colorPrimaryTextActive:c[10],colorSuccessBg:m[1],colorSuccessBgHover:m[2],colorSuccessBorder:m[3],colorSuccessBorderHover:m[4],colorSuccessHover:m[4],colorSuccess:m[6],colorSuccessActive:m[7],colorSuccessTextHover:m[8],colorSuccessText:m[9],colorSuccessTextActive:m[10],colorErrorBg:d[1],colorErrorBgHover:d[2],colorErrorBgFilledHover:ze,colorErrorBgActive:d[3],colorErrorBorder:d[3],colorErrorBorderHover:d[4],colorErrorHover:d[5],colorError:d[6],colorErrorActive:d[7],colorErrorTextHover:d[8],colorErrorText:d[9],colorErrorTextActive:d[10],colorWarningBg:g[1],colorWarningBgHover:g[2],colorWarningBorder:g[3],colorWarningBorderHover:g[4],colorWarningHover:g[4],colorWarning:g[6],colorWarningActive:g[7],colorWarningTextHover:g[8],colorWarningText:g[9],colorWarningTextActive:g[10],colorInfoBg:f[1],colorInfoBgHover:f[2],colorInfoBorder:f[3],colorInfoBorderHover:f[4],colorInfoHover:f[4],colorInfo:f[6],colorInfoActive:f[7],colorInfoTextHover:f[8],colorInfoText:f[9],colorInfoTextActive:f[10],colorLinkHover:k[4],colorLink:k[6],colorLinkActive:k[7],colorBgMask:new TinyColor("#000").setAlpha(.45).toRgbString(),colorWhite:"#fff"}}var De=e=>{let o=e,t=e,i=e,r=e;return e<6&&e>=5?o=e+1:e<16&&e>=6?o=e+2:e>=16&&(o=16),e<7&&e>=5?t=4:e<8&&e>=7?t=5:e<14&&e>=8?t=6:e<16&&e>=14?t=7:e>=16&&(t=8),e<6&&e>=2?i=1:e>=6&&(i=2),e>4&&e<8?r=4:e>=8&&(r=6),{borderRadius:e,borderRadiusXS:i,borderRadiusSM:t,borderRadiusLG:o,borderRadiusOuter:r}},re=De;function G(e){let{motionUnit:o,motionBase:t,borderRadius:i,lineWidth:r}=e;return {motionDurationFast:`${(t+o).toFixed(1)}s`,motionDurationMid:`${(t+o*2).toFixed(1)}s`,motionDurationSlow:`${(t+o*3).toFixed(1)}s`,lineWidthBold:r+1,...re(i)}}var Be=e=>{let{controlHeight:o}=e;return {controlHeightSM:o*.75,controlHeightXS:o*.5,controlHeightLG:o*1.25}},ie=Be;var Le=e=>{let o=A(e),t=o.map(c=>c.size),i=o.map(c=>c.lineHeight),r=t[1],n=t[0],l=t[2],p=i[1],s=i[0],a=i[2];return {fontSizeSM:n,fontSize:r,fontSizeLG:l,fontSizeXL:t[3],fontSizeHeading1:t[6],fontSizeHeading2:t[5],fontSizeHeading3:t[4],fontSizeHeading4:t[3],fontSizeHeading5:t[2],lineHeight:p,lineHeightLG:a,lineHeightSM:s,fontHeight:Math.round(p*r),fontHeightLG:Math.round(a*l),fontHeightSM:Math.round(s*n),lineHeightHeading1:i[6],lineHeightHeading2:i[5],lineHeightHeading3:i[4],lineHeightHeading4:i[3],lineHeightHeading5:i[2]}},ne=Le;function X(e){let{sizeUnit:o,sizeStep:t}=e;return {sizeXXL:o*(t+8),sizeXL:o*(t+4),sizeLG:o*(t+2),sizeMD:o*(t+1),sizeMS:o*t,size:o*t,sizeSM:o*(t-1),sizeXS:o*(t-2),sizeXXS:o*(t-3)}}var S=(e,o)=>new TinyColor(e).setAlpha(o).toRgbString(),y=(e,o)=>new TinyColor(e).darken(o).toHexString();var ae=e=>{let o=generate(e);return {1:o[0],2:o[1],3:o[2],4:o[3],5:o[4],6:o[5],7:o[6],8:o[4],9:o[5],10:o[6]}},ce=(e,o)=>{let t=e||"#fff",i=o||"#000";return {colorBgBase:t,colorTextBase:i,colorText:S(i,.88),colorTextSecondary:S(i,.65),colorTextTertiary:S(i,.45),colorTextQuaternary:S(i,.25),colorFill:S(i,.15),colorFillSecondary:S(i,.06),colorFillTertiary:S(i,.04),colorFillQuaternary:S(i,.02),colorBgSolid:S(i,1),colorBgSolidHover:S(i,.75),colorBgSolidActive:S(i,.95),colorBgLayout:y(t,4),colorBgContainer:y(t,0),colorBgElevated:y(t,0),colorBgSpotlight:S(i,.85),colorBgBlur:"transparent",colorBorder:y(t,15),colorBorderSecondary:y(t,6)}};function F(e){presetPrimaryColors.pink=presetPrimaryColors.magenta,presetPalettes.pink=presetPalettes.magenta;let o=Object.keys(D).map(t=>{let i=e[t]===presetPrimaryColors[t]?presetPalettes[t]:generate(e[t]);return new Array(10).fill(1).reduce((r,n,l)=>(r[`${t}-${l+1}`]=i[l],r[`${t}${l+1}`]=i[l],r),{})}).reduce((t,i)=>(t={...t,...i},t),{});return {...e,...o,...L(e,{generateColorPalettes:ae,generateNeutralColorPalettes:ce}),...ne(e.fontSize),...X(e),...ie(e),...G(e)}}var se=createTheme(F),pe={token:u,override:{override:u},hashed:true},j=Oe__default.createContext(pe);function E(e){return e>=0&&e<=255}function Fe(e,o){let{r:t,g:i,b:r,a:n}=new TinyColor(e).toRgb();if(n<1)return e;let{r:l,g:p,b:s}=new TinyColor(o).toRgb();for(let a=.01;a<=1;a+=.01){let c=Math.round((t-l*(1-a))/a),m=Math.round((i-p*(1-a))/a),g=Math.round((r-s*(1-a))/a);if(E(c)&&E(m)&&E(g))return new TinyColor({r:c,g:m,b:g,a:Math.round(a*100)/100}).toRgbString()}return new TinyColor({r:t,g:i,b:r,a:1}).toRgbString()}var b=Fe;function v(e){let{override:o,...t}=e,i={...o};Object.keys(u).forEach(g=>{delete i[g];});let r={...t,...i},n=480,l=576,p=768,s=992,a=1200,c=1600;return r.motion===false&&(r.motionDurationFast="0s",r.motionDurationMid="0s",r.motionDurationSlow="0s"),{...r,colorFillContent:r.colorFillSecondary,colorFillContentHover:r.colorFill,colorFillAlter:r.colorFillQuaternary,colorBgContainerDisabled:r.colorFillTertiary,colorBorderBg:r.colorBgContainer,colorSplit:b(r.colorBorderSecondary,r.colorBgContainer),colorTextPlaceholder:r.colorTextQuaternary,colorTextDisabled:r.colorTextQuaternary,colorTextHeading:r.colorText,colorTextLabel:r.colorTextSecondary,colorTextDescription:r.colorTextTertiary,colorTextLightSolid:r.colorWhite,colorHighlight:r.colorError,colorBgTextHover:r.colorFillSecondary,colorBgTextActive:r.colorFill,colorIcon:r.colorTextTertiary,colorIconHover:r.colorText,colorErrorOutline:b(r.colorErrorBg,r.colorBgContainer),colorWarningOutline:b(r.colorWarningBg,r.colorBgContainer),fontSizeIcon:r.fontSizeSM,lineWidthFocus:r.lineWidth*3,lineWidth:r.lineWidth,controlOutlineWidth:r.lineWidth*2,controlInteractiveSize:r.controlHeight/2,controlItemBgHover:r.colorFillTertiary,controlItemBgActive:r.colorPrimaryBg,controlItemBgActiveHover:r.colorPrimaryBgHover,controlItemBgActiveDisabled:r.colorFill,controlTmpOutline:r.colorFillQuaternary,controlOutline:b(r.colorPrimaryBg,r.colorBgContainer),lineType:r.lineType,borderRadius:r.borderRadius,borderRadiusXS:r.borderRadiusXS,borderRadiusSM:r.borderRadiusSM,borderRadiusLG:r.borderRadiusLG,fontWeightStrong:600,opacityLoading:.65,linkDecoration:"none",linkHoverDecoration:"none",linkFocusDecoration:"none",controlPaddingHorizontal:12,controlPaddingHorizontalSM:8,paddingXXS:r.sizeXXS,paddingXS:r.sizeXS,paddingSM:r.sizeSM,padding:r.size,paddingMD:r.sizeMD,paddingLG:r.sizeLG,paddingXL:r.sizeXL,paddingContentHorizontalLG:r.sizeLG,paddingContentVerticalLG:r.sizeMS,paddingContentHorizontal:r.sizeMS,paddingContentVertical:r.sizeSM,paddingContentHorizontalSM:r.size,paddingContentVerticalSM:r.sizeXS,marginXXS:r.sizeXXS,marginXS:r.sizeXS,marginSM:r.sizeSM,margin:r.size,marginMD:r.sizeMD,marginLG:r.sizeLG,marginXL:r.sizeXL,marginXXL:r.sizeXXL,boxShadow:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowSecondary:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowTertiary:`
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    `,screenXS:n,screenXSMin:n,screenXSMax:l-1,screenSM:l,screenSMMin:l,screenSMMax:p-1,screenMD:p,screenMDMin:p,screenMDMax:s-1,screenLG:s,screenLGMin:s,screenLGMax:a-1,screenXL:a,screenXLMin:a,screenXLMax:c-1,screenXXL:c,screenXXLMin:c,boxShadowPopoverArrow:"2px 2px 5px rgba(0, 0, 0, 0.05)",boxShadowCard:`
+      0 1px 2px -2px ${new TinyColor("rgba(0, 0, 0, 0.16)").toRgbString()},
+      0 3px 6px 0 ${new TinyColor("rgba(0, 0, 0, 0.12)").toRgbString()},
+      0 5px 12px 4px ${new TinyColor("rgba(0, 0, 0, 0.09)").toRgbString()}
+    `,boxShadowDrawerRight:`
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerLeft:`
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerUp:`
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowDrawerDown:`
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,boxShadowTabsOverflowLeft:"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowRight:"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowTop:"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowBottom:"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)",...i}}var q={lineHeight:true,lineHeightSM:true,lineHeightLG:true,lineHeightHeading1:true,lineHeightHeading2:true,lineHeightHeading3:true,lineHeightHeading4:true,lineHeightHeading5:true,opacityLoading:true,fontWeightStrong:true,zIndexPopupBase:true,zIndexBase:true,opacityImage:true},We={size:true,sizeSM:true,sizeLG:true,sizeMD:true,sizeXS:true,sizeXXS:true,sizeMS:true,sizeXL:true,sizeXXL:true,sizeUnit:true,sizeStep:true,motionBase:true,motionUnit:true},qe={screenXS:true,screenXSMin:true,screenXSMax:true,screenSM:true,screenSMMin:true,screenSMMax:true,screenMD:true,screenMDMin:true,screenMDMax:true,screenLG:true,screenLGMin:true,screenLGMax:true,screenXL:true,screenXLMin:true,screenXLMax:true,screenXXL:true,screenXXLMin:true},me=(e,o,t)=>{let i=t.getDerivativeToken(e),{override:r,...n}=o,l={...i,override:r};return l=v(l),n&&Object.entries(n).forEach(([p,s])=>{let{theme:a,...c}=s,m=c;a&&(m=me({...l,...c},{override:c},a)),l[p]=m;}),l};function x(){let{token:e,hashed:o,theme:t,override:i,cssVar:r}=Oe__default.useContext(j),n=`${te}-${o||""}`,l=t||se,[p,s,a]=useCacheToken(l,[u,e],{salt:n,override:i,getComputedToken:me,formatToken:v,cssVar:r&&{prefix:r.prefix,key:r.key,unitless:q,ignore:We,preserve:qe}});return [l,a,o?s:"",p,r]}var ge="ant",N="anticon";var Ne=(e,o)=>o||(e?`${ge}-${e}`:ge),P=Oe.createContext({getPrefixCls:Ne,iconPrefixCls:N}),{Consumer:dt}=P;var{genStyleHooks:_,genComponentStyleHook:Ue,genSubStyleComponent:Ve}=genStyleUtils({usePrefix:()=>{let{getPrefixCls:e,iconPrefixCls:o}=useContext(P);return {rootPrefixCls:e(),iconPrefixCls:o}},useToken:()=>{let[e,o,t,i,r]=x();return {theme:e,realToken:o,hashId:t,token:i,cssVar:r}},useCSP:()=>{let{csp:e}=useContext(P);return e??{}},getResetStyles:(e,o)=>[{"&":Q(e)},H(o?.prefix.iconPrefixCls??N)],getCommonStyle:Y,getCompUnitless:(()=>q)});var Qe=e=>{let{componentCls:o,customIconTop:t,customIconSize:i,customIconFontSize:r}=e;return {[`${o}-item-custom`]:{[`> ${o}-item-container > ${o}-item-icon`]:{height:"auto",background:"none",border:0,[`> ${o}-icon`]:{top:t,width:i,height:i,fontSize:r,lineHeight:unit(i)}}},[`&:not(${o}-vertical)`]:{[`${o}-item-custom`]:{[`${o}-item-icon`]:{width:"auto",background:"none"}}}}},ue=Qe;var Ye=e=>{let{componentCls:o}=e,t=`${o}-item`;return {[`${o}-horizontal`]:{[`${t}-tail`]:{transform:"translateY(-50%)"}}}},Ce=Ye;var Je=e=>{let{componentCls:o,inlineDotSize:t,inlineTitleColor:i,inlineTailColor:r}=e,n=e.calc(e.paddingXS).add(e.lineWidth).equal(),l={[`${o}-item-container ${o}-item-content ${o}-item-title`]:{color:i}};return {[`&${o}-inline`]:{width:"auto",display:"inline-flex",[`${o}-item`]:{flex:"none","&-container":{padding:`${unit(n)} ${unit(e.paddingXXS)} 0`,margin:`0 ${unit(e.calc(e.marginXXS).div(2).equal())}`,borderRadius:e.borderRadiusSM,cursor:"pointer",transition:`background-color ${e.motionDurationMid}`,"&:hover":{background:e.controlItemBgHover},"&[role='button']:hover":{opacity:1}},"&-icon":{width:t,height:t,marginInlineStart:`calc(50% - ${unit(e.calc(t).div(2).equal())})`,[`> ${o}-icon`]:{top:0},[`${o}-icon-dot`]:{borderRadius:e.calc(e.fontSizeSM).div(4).equal(),"&::after":{display:"none"}}},"&-content":{width:"auto",marginTop:e.calc(e.marginXS).sub(e.lineWidth).equal()},"&-title":{color:i,fontSize:e.fontSizeSM,lineHeight:e.lineHeightSM,fontWeight:"normal",marginBottom:e.calc(e.marginXXS).div(2).equal()},"&-description":{display:"none"},"&-tail":{marginInlineStart:0,top:e.calc(t).div(2).add(n).equal(),transform:"translateY(-50%)","&:after":{width:"100%",height:e.lineWidth,borderRadius:0,marginInlineStart:0,background:r}},[`&:first-child ${o}-item-tail`]:{width:"50%",marginInlineStart:"50%"},[`&:last-child ${o}-item-tail`]:{display:"block",width:"50%"},"&-wait":{[`${o}-item-icon ${o}-icon ${o}-icon-dot`]:{backgroundColor:e.colorBorderBg,border:`${unit(e.lineWidth)} ${e.lineType} ${r}`},...l},"&-finish":{[`${o}-item-tail::after`]:{backgroundColor:r},[`${o}-item-icon ${o}-icon ${o}-icon-dot`]:{backgroundColor:r,border:`${unit(e.lineWidth)} ${e.lineType} ${r}`},...l},"&-error":l,"&-active, &-process":{[`${o}-item-icon`]:{width:t,height:t,marginInlineStart:`calc(50% - ${unit(e.calc(t).div(2).equal())})`,top:0},...l},[`&:not(${o}-item-active) > ${o}-item-container[role='button']:hover`]:{[`${o}-item-title`]:{color:i}}}}}},ye=Je;var eo=e=>{let{componentCls:o,iconSize:t,lineHeight:i,iconSizeSM:r}=e;return {[`&${o}-label-vertical`]:{[`${o}-item`]:{overflow:"visible","&-tail":{marginInlineStart:e.calc(t).div(2).add(e.controlHeightLG).equal(),padding:`0 ${unit(e.paddingLG)}`},"&-content":{display:"block",width:e.calc(t).div(2).add(e.controlHeightLG).mul(2).equal(),marginTop:e.marginSM,textAlign:"center"},"&-icon":{display:"inline-block",marginInlineStart:e.controlHeightLG},"&-title":{paddingInlineEnd:0,paddingInlineStart:0,"&::after":{display:"none"}},"&-subtitle":{display:"block",marginBottom:e.marginXXS,marginInlineStart:0,lineHeight:i}},[`&${o}-small:not(${o}-dot)`]:{[`${o}-item`]:{"&-icon":{marginInlineStart:e.calc(t).sub(r).div(2).add(e.controlHeightLG).equal()}}}}}},Te=eo;var oo=e=>{let{componentCls:o,navContentMaxWidth:t,navArrowColor:i,stepsNavActiveColor:r,motionDurationSlow:n}=e;return {[`&${o}-navigation`]:{paddingTop:e.paddingSM,[`&${o}-small`]:{[`${o}-item`]:{"&-container":{marginInlineStart:e.calc(e.marginSM).mul(-1).equal()}}},[`${o}-item`]:{overflow:"visible",textAlign:"center","&-container":{display:"inline-block",height:"100%",marginInlineStart:e.calc(e.margin).mul(-1).equal(),paddingBottom:e.paddingSM,textAlign:"start",transition:`opacity ${n}`,[`${o}-item-content`]:{maxWidth:t},[`${o}-item-title`]:{maxWidth:"100%",paddingInlineEnd:0,...V,"&::after":{display:"none"}}},[`&:not(${o}-item-active)`]:{[`${o}-item-container[role='button']`]:{cursor:"pointer","&:hover":{opacity:.85}}},"&:last-child":{flex:1,"&::after":{display:"none"}},"&::after":{position:"absolute",top:`calc(50% - ${unit(e.calc(e.paddingSM).div(2).equal())})`,insetInlineStart:"100%",display:"inline-block",width:e.fontSizeIcon,height:e.fontSizeIcon,borderTop:`${unit(e.lineWidth)} ${e.lineType} ${i}`,borderBottom:"none",borderInlineStart:"none",borderInlineEnd:`${unit(e.lineWidth)} ${e.lineType} ${i}`,transform:"translateY(-50%) translateX(-50%) rotate(45deg)",content:'""'},"&::before":{position:"absolute",bottom:0,insetInlineStart:"50%",display:"inline-block",width:0,height:e.lineWidthBold,backgroundColor:r,transition:`width ${n}, inset-inline-start ${n}`,transitionTimingFunction:"ease-out",content:'""'}},[`${o}-item${o}-item-active::before`]:{insetInlineStart:0,width:"100%"}},[`&${o}-navigation${o}-vertical`]:{[`> ${o}-item`]:{marginInlineEnd:0,"&::before":{display:"none"},[`&${o}-item-active::before`]:{top:0,insetInlineEnd:0,insetInlineStart:"unset",display:"block",width:e.calc(e.lineWidth).mul(3).equal(),height:`calc(100% - ${unit(e.marginLG)})`},"&::after":{position:"relative",insetInlineStart:"50%",display:"block",width:e.calc(e.controlHeight).mul(.25).equal(),height:e.calc(e.controlHeight).mul(.25).equal(),marginBottom:e.marginXS,textAlign:"center",transform:"translateY(-50%) translateX(-50%) rotate(135deg)"},"&:last-child":{"&::after":{display:"none"}},[`> ${o}-item-container > ${o}-item-tail`]:{visibility:"hidden"}}},[`&${o}-navigation${o}-horizontal`]:{[`> ${o}-item > ${o}-item-container > ${o}-item-tail`]:{visibility:"hidden"}}}},he=oo;var to=e=>{let{antCls:o,componentCls:t,iconSize:i,iconSizeSM:r,processIconColor:n,marginXXS:l,lineWidthBold:p,lineWidth:s,paddingXXS:a}=e,c=e.calc(i).add(e.calc(p).mul(4).equal()).equal(),m=e.calc(r).add(e.calc(e.lineWidth).mul(4).equal()).equal();return {[`&${t}-with-progress`]:{[`${t}-item`]:{paddingTop:a,[`&-process ${t}-item-container ${t}-item-icon ${t}-icon`]:{color:n}},[`&${t}-vertical > ${t}-item `]:{paddingInlineStart:a,[`> ${t}-item-container > ${t}-item-tail`]:{top:l,insetInlineStart:e.calc(i).div(2).sub(s).add(a).equal()}},[`&, &${t}-small`]:{[`&${t}-horizontal ${t}-item:first-child`]:{paddingBottom:a,paddingInlineStart:a}},[`&${t}-small${t}-vertical > ${t}-item > ${t}-item-container > ${t}-item-tail`]:{insetInlineStart:e.calc(r).div(2).sub(s).add(a).equal()},[`&${t}-label-vertical ${t}-item ${t}-item-tail`]:{top:e.calc(i).div(2).add(a).equal()},[`${t}-item-icon`]:{position:"relative",[`${o}-progress`]:{position:"absolute",insetInlineStart:"50%",top:"50%",transform:"translate(-50%, -50%)","&-inner":{width:`${unit(c)} !important`,height:`${unit(c)} !important`}}},[`&${t}-small`]:{[`&${t}-label-vertical ${t}-item ${t}-item-tail`]:{top:e.calc(r).div(2).add(a).equal()},[`${t}-item-icon ${o}-progress-inner`]:{width:`${unit(m)} !important`,height:`${unit(m)} !important`}}}}},be=to;var ro=e=>{let{componentCls:o,descriptionMaxWidth:t,lineHeight:i,dotCurrentSize:r,dotSize:n,motionDurationSlow:l}=e;return {[`&${o}-dot, &${o}-dot${o}-small`]:{[`${o}-item`]:{"&-title":{lineHeight:i},"&-tail":{top:e.calc(e.dotSize).sub(e.calc(e.lineWidth).mul(3).equal()).div(2).equal(),width:"100%",marginTop:0,marginBottom:0,marginInline:`${unit(e.calc(t).div(2).equal())} 0`,padding:0,"&::after":{width:`calc(100% - ${unit(e.calc(e.marginSM).mul(2).equal())})`,height:e.calc(e.lineWidth).mul(3).equal(),marginInlineStart:e.marginSM}},"&-icon":{width:n,height:n,marginInlineStart:e.calc(e.descriptionMaxWidth).sub(n).div(2).equal(),paddingInlineEnd:0,lineHeight:unit(n),background:"transparent",border:0,[`${o}-icon-dot`]:{position:"relative",float:"left",width:"100%",height:"100%",borderRadius:100,transition:`all ${l}`,"&::after":{position:"absolute",top:e.calc(e.marginSM).mul(-1).equal(),insetInlineStart:e.calc(n).sub(e.calc(e.controlHeightLG).mul(1.5).equal()).div(2).equal(),width:e.calc(e.controlHeightLG).mul(1.5).equal(),height:e.controlHeight,background:"transparent",content:'""'}}},"&-content":{width:t},[`&-process ${o}-item-icon`]:{position:"relative",top:e.calc(n).sub(r).div(2).equal(),width:r,height:r,lineHeight:unit(r),background:"none",marginInlineStart:e.calc(e.descriptionMaxWidth).sub(r).div(2).equal()},[`&-process ${o}-icon`]:{[`&:first-child ${o}-icon-dot`]:{insetInlineStart:0}}}},[`&${o}-vertical${o}-dot`]:{[`${o}-item-icon`]:{marginTop:e.calc(e.controlHeight).sub(n).div(2).equal(),marginInlineStart:0,background:"none"},[`${o}-item-process ${o}-item-icon`]:{marginTop:e.calc(e.controlHeight).sub(r).div(2).equal(),top:0,insetInlineStart:e.calc(n).sub(r).div(2).equal(),marginInlineStart:0},[`${o}-item > ${o}-item-container > ${o}-item-tail`]:{top:e.calc(e.controlHeight).sub(n).div(2).equal(),insetInlineStart:0,margin:0,padding:`${unit(e.calc(n).add(e.paddingXS).equal())} 0 ${unit(e.paddingXS)}`,"&::after":{marginInlineStart:e.calc(n).sub(e.lineWidth).div(2).equal()}},[`&${o}-small`]:{[`${o}-item-icon`]:{marginTop:e.calc(e.controlHeightSM).sub(n).div(2).equal()},[`${o}-item-process ${o}-item-icon`]:{marginTop:e.calc(e.controlHeightSM).sub(r).div(2).equal()},[`${o}-item > ${o}-item-container > ${o}-item-tail`]:{top:e.calc(e.controlHeightSM).sub(n).div(2).equal()}},[`${o}-item:first-child ${o}-icon-dot`]:{insetInlineStart:0},[`${o}-item-content`]:{width:"inherit"}}}},xe=ro;var io=e=>{let{componentCls:o}=e;return {[`&${o}-rtl`]:{direction:"rtl",[`${o}-item`]:{"&-subtitle":{float:"left"}},[`&${o}-navigation`]:{[`${o}-item::after`]:{transform:"rotate(-45deg)"}},[`&${o}-vertical`]:{[`> ${o}-item`]:{"&::after":{transform:"rotate(225deg)"},[`${o}-item-icon`]:{float:"right"}}},[`&${o}-dot`]:{[`${o}-item-icon ${o}-icon-dot, &${o}-small ${o}-item-icon ${o}-icon-dot`]:{float:"right"}}}}},$e=io;var no=e=>{let{componentCls:o,iconSizeSM:t,fontSizeSM:i,fontSize:r,colorTextDescription:n}=e;return {[`&${o}-small`]:{[`&${o}-horizontal:not(${o}-label-vertical) ${o}-item`]:{paddingInlineStart:e.paddingSM,"&:first-child":{paddingInlineStart:0}},[`${o}-item-icon`]:{width:t,height:t,marginTop:0,marginBottom:0,marginInline:`0 ${unit(e.marginXS)}`,fontSize:i,lineHeight:unit(t),textAlign:"center",borderRadius:t},[`${o}-item-title`]:{paddingInlineEnd:e.paddingSM,fontSize:r,lineHeight:unit(t),"&::after":{top:e.calc(t).div(2).equal()}},[`${o}-item-description`]:{color:n,fontSize:r},[`${o}-item-tail`]:{top:e.calc(t).div(2).sub(e.paddingXXS).equal()},[`${o}-item-custom ${o}-item-icon`]:{width:"inherit",height:"inherit",lineHeight:"inherit",background:"none",border:0,borderRadius:0,[`> ${o}-icon`]:{fontSize:t,lineHeight:unit(t),transform:"none"}}}}},ve=no;var lo=e=>{let{componentCls:o,iconSizeSM:t,iconSize:i}=e;return {[`&${o}-vertical`]:{display:"flex",flexDirection:"column",[`> ${o}-item`]:{display:"block",flex:"1 0 auto",paddingInlineStart:0,overflow:"visible",[`${o}-item-icon`]:{float:"left",marginInlineEnd:e.margin},[`${o}-item-content`]:{display:"block",minHeight:e.calc(e.controlHeight).mul(1.5).equal(),overflow:"hidden"},[`${o}-item-title`]:{lineHeight:unit(i)},[`${o}-item-description`]:{paddingBottom:e.paddingSM}},[`> ${o}-item > ${o}-item-container > ${o}-item-tail`]:{position:"absolute",top:0,insetInlineStart:e.calc(i).div(2).sub(e.lineWidth).equal(),width:e.lineWidth,height:"100%",padding:`${unit(e.calc(e.marginXXS).mul(1.5).add(i).equal())} 0 ${unit(e.calc(e.marginXXS).mul(1.5).equal())}`,"&::after":{width:e.lineWidth,height:"100%"}},[`> ${o}-item:not(:last-child) > ${o}-item-container > ${o}-item-tail`]:{display:"block"},[` > ${o}-item > ${o}-item-container > ${o}-item-content > ${o}-item-title`]:{"&::after":{display:"none"}},[`&${o}-small ${o}-item-container`]:{[`${o}-item-tail`]:{position:"absolute",top:0,insetInlineStart:e.calc(t).div(2).sub(e.lineWidth).equal(),padding:`${unit(e.calc(e.marginXXS).mul(1.5).add(t).equal())} 0 ${unit(e.calc(e.marginXXS).mul(1.5).equal())}`},[`${o}-item-title`]:{lineHeight:unit(t)}}}}},Pe=lo;var ao="wait",co="process",so="finish",po="error",w=(e,o)=>{let t=`${o.componentCls}-item`,i=`${e}IconColor`,r=`${e}TitleColor`,n=`${e}DescriptionColor`,l=`${e}TailColor`,p=`${e}IconBgColor`,s=`${e}IconBorderColor`,a=`${e}DotColor`;return {[`${t}-${e} ${t}-icon`]:{backgroundColor:o[p],borderColor:o[s],[`> ${o.componentCls}-icon`]:{color:o[i],[`${o.componentCls}-icon-dot`]:{background:o[a]}}},[`${t}-${e}${t}-custom ${t}-icon`]:{[`> ${o.componentCls}-icon`]:{color:o[a]}},[`${t}-${e} > ${t}-container > ${t}-content > ${t}-title`]:{color:o[r],"&::after":{backgroundColor:o[l]}},[`${t}-${e} > ${t}-container > ${t}-content > ${t}-description`]:{color:o[n]},[`${t}-${e} > ${t}-container > ${t}-tail::after`]:{backgroundColor:o[l]}}},mo=e=>{let{componentCls:o,motionDurationSlow:t}=e,i=`${o}-item`,r=`${i}-icon`;return {[i]:{position:"relative",display:"inline-block",flex:1,overflow:"hidden",verticalAlign:"top","&:last-child":{flex:"none",[`> ${i}-container > ${i}-tail, > ${i}-container >  ${i}-content > ${i}-title::after`]:{display:"none"}}},[`${i}-container`]:{outline:"none","&:focus-visible":{[r]:{...J(e)}}},[`${r}, ${i}-content`]:{display:"inline-block",verticalAlign:"top"},[r]:{width:e.iconSize,height:e.iconSize,marginTop:0,marginBottom:0,marginInlineStart:0,marginInlineEnd:e.marginXS,fontSize:e.iconFontSize,fontFamily:e.fontFamily,lineHeight:unit(e.iconSize),textAlign:"center",borderRadius:e.iconSize,border:`${unit(e.lineWidth)} ${e.lineType} transparent`,transition:`background-color ${t}, border-color ${t}`,[`${o}-icon`]:{position:"relative",top:e.iconTop,color:e.colorPrimary,lineHeight:1}},[`${i}-tail`]:{position:"absolute",top:e.calc(e.iconSize).div(2).equal(),insetInlineStart:0,width:"100%","&::after":{display:"inline-block",width:"100%",height:e.lineWidth,background:e.colorSplit,borderRadius:e.lineWidth,transition:`background ${t}`,content:'""'}},[`${i}-title`]:{position:"relative",display:"inline-block",paddingInlineEnd:e.padding,color:e.colorText,fontSize:e.fontSizeLG,lineHeight:unit(e.titleLineHeight),"&::after":{position:"absolute",top:e.calc(e.titleLineHeight).div(2).equal(),insetInlineStart:"100%",display:"block",width:9999,height:e.lineWidth,background:e.processTailColor,content:'""'}},[`${i}-subtitle`]:{display:"inline",marginInlineStart:e.marginXS,color:e.colorTextDescription,fontWeight:"normal",fontSize:e.fontSize},[`${i}-description`]:{color:e.colorTextDescription,fontSize:e.fontSize},...w(ao,e),...w(co,e),[`${i}-process > ${i}-container > ${i}-title`]:{fontWeight:e.fontWeightStrong},...w(so,e),...w(po,e),[`${i}${o}-next-error > ${o}-item-title::after`]:{background:e.colorError},[`${i}-disabled`]:{cursor:"not-allowed"}}},go=e=>{let{componentCls:o,motionDurationSlow:t}=e;return {[`& ${o}-item`]:{[`&:not(${o}-item-active)`]:{[`& > ${o}-item-container[role='button']`]:{cursor:"pointer",[`${o}-item`]:{[`&-title, &-subtitle, &-description, &-icon ${o}-icon`]:{transition:`color ${t}`}},"&:hover":{[`${o}-item`]:{"&-title, &-subtitle, &-description":{color:e.colorPrimary}}}},[`&:not(${o}-item-process)`]:{[`& > ${o}-item-container[role='button']:hover`]:{[`${o}-item`]:{"&-icon":{borderColor:e.colorPrimary,[`${o}-icon`]:{color:e.colorPrimary}}}}}}},[`&${o}-horizontal:not(${o}-label-vertical)`]:{[`${o}-item`]:{paddingInlineStart:e.padding,whiteSpace:"nowrap","&:first-child":{paddingInlineStart:0},[`&:last-child ${o}-item-title`]:{paddingInlineEnd:0},"&-tail":{display:"none"},"&-description":{maxWidth:e.descriptionMaxWidth,whiteSpace:"normal"}}}}},So=e=>{let{componentCls:o}=e;return {[o]:{...K(e),display:"flex",width:"100%",fontSize:0,textAlign:"initial",...mo(e),...go(e),...ue(e),...ve(e),...Pe(e),...Ce(e),...Te(e),...xe(e),...he(e),...$e(e),...be(e),...ye(e)}}},fo=e=>({titleLineHeight:e.controlHeight,customIconSize:e.controlHeight,customIconTop:0,customIconFontSize:e.controlHeightSM,iconSize:e.controlHeight,iconTop:-0.5,iconFontSize:e.fontSize,iconSizeSM:e.fontSizeHeading3,dotSize:e.controlHeight/4,dotCurrentSize:e.controlHeightLG/4,navArrowColor:e.colorTextDisabled,navContentMaxWidth:"auto",descriptionMaxWidth:140,waitIconColor:e.wireframe?e.colorTextDisabled:e.colorTextLabel,waitIconBgColor:e.wireframe?e.colorBgContainer:e.colorFillContent,waitIconBorderColor:e.wireframe?e.colorTextDisabled:"transparent",finishIconBgColor:e.wireframe?e.colorBgContainer:e.controlItemBgActive,finishIconBorderColor:e.wireframe?e.colorPrimary:e.controlItemBgActive}),xr=_("Steps",e=>{let{colorTextDisabled:o,controlHeightLG:t,colorTextLightSolid:i,colorText:r,colorPrimary:n,colorTextDescription:l,colorTextQuaternary:p,colorError:s,colorBorderSecondary:a,colorSplit:c}=e,m=mergeToken(e,{processIconColor:i,processTitleColor:r,processDescriptionColor:r,processIconBgColor:n,processIconBorderColor:n,processDotColor:n,processTailColor:c,waitTitleColor:l,waitDescriptionColor:l,waitTailColor:c,waitDotColor:o,finishIconColor:n,finishTitleColor:r,finishDescriptionColor:l,finishTailColor:n,finishDotColor:n,errorIconColor:i,errorTitleColor:s,errorDescriptionColor:s,errorTailColor:c,errorIconBgColor:s,errorIconBorderColor:s,errorDotColor:s,stepsNavActiveColor:n,stepsProgressSize:t,inlineDotSize:6,inlineTitleColor:p,inlineTailColor:a});return [So(m)]},fo);export{xr as default,fo as prepareComponentToken};

package/es/steps/style/inline.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsInlineStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsInlineStyle;

package/es/steps/style/inline.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var c=i=>{let{componentCls:t,inlineDotSize:e,inlineTitleColor:o,inlineTailColor:r}=i,l=i.calc(i.paddingXS).add(i.lineWidth).equal(),a={[`${t}-item-container ${t}-item-content ${t}-item-title`]:{color:o}};return {[`&${t}-inline`]:{width:"auto",display:"inline-flex",[`${t}-item`]:{flex:"none","&-container":{padding:`${unit(l)} ${unit(i.paddingXXS)} 0`,margin:`0 ${unit(i.calc(i.marginXXS).div(2).equal())}`,borderRadius:i.borderRadiusSM,cursor:"pointer",transition:`background-color ${i.motionDurationMid}`,"&:hover":{background:i.controlItemBgHover},"&[role='button']:hover":{opacity:1}},"&-icon":{width:e,height:e,marginInlineStart:`calc(50% - ${unit(i.calc(e).div(2).equal())})`,[`> ${t}-icon`]:{top:0},[`${t}-icon-dot`]:{borderRadius:i.calc(i.fontSizeSM).div(4).equal(),"&::after":{display:"none"}}},"&-content":{width:"auto",marginTop:i.calc(i.marginXS).sub(i.lineWidth).equal()},"&-title":{color:o,fontSize:i.fontSizeSM,lineHeight:i.lineHeightSM,fontWeight:"normal",marginBottom:i.calc(i.marginXXS).div(2).equal()},"&-description":{display:"none"},"&-tail":{marginInlineStart:0,top:i.calc(e).div(2).add(l).equal(),transform:"translateY(-50%)","&:after":{width:"100%",height:i.lineWidth,borderRadius:0,marginInlineStart:0,background:r}},[`&:first-child ${t}-item-tail`]:{width:"50%",marginInlineStart:"50%"},[`&:last-child ${t}-item-tail`]:{display:"block",width:"50%"},"&-wait":{[`${t}-item-icon ${t}-icon ${t}-icon-dot`]:{backgroundColor:i.colorBorderBg,border:`${unit(i.lineWidth)} ${i.lineType} ${r}`},...a},"&-finish":{[`${t}-item-tail::after`]:{backgroundColor:r},[`${t}-item-icon ${t}-icon ${t}-icon-dot`]:{backgroundColor:r,border:`${unit(i.lineWidth)} ${i.lineType} ${r}`},...a},"&-error":a,"&-active, &-process":{[`${t}-item-icon`]:{width:e,height:e,marginInlineStart:`calc(50% - ${unit(i.calc(e).div(2).equal())})`,top:0},...a},[`&:not(${t}-item-active) > ${t}-item-container[role='button']:hover`]:{[`${t}-item-title`]:{color:o}}}}}},m=c;export{m as default};

package/es/steps/style/label-placement.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsLabelPlacementStyle;

package/es/steps/style/label-placement.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var r=i=>{let{componentCls:t,iconSize:e,lineHeight:n,iconSizeSM:l}=i;return {[`&${t}-label-vertical`]:{[`${t}-item`]:{overflow:"visible","&-tail":{marginInlineStart:i.calc(e).div(2).add(i.controlHeightLG).equal(),padding:`0 ${unit(i.paddingLG)}`},"&-content":{display:"block",width:i.calc(e).div(2).add(i.controlHeightLG).mul(2).equal(),marginTop:i.marginSM,textAlign:"center"},"&-icon":{display:"inline-block",marginInlineStart:i.controlHeightLG},"&-title":{paddingInlineEnd:0,paddingInlineStart:0,"&::after":{display:"none"}},"&-subtitle":{display:"block",marginBottom:i.marginXXS,marginInlineStart:0,lineHeight:n}},[`&${t}-small:not(${t}-dot)`]:{[`${t}-item`]:{"&-icon":{marginInlineStart:i.calc(e).sub(l).div(2).add(i.controlHeightLG).equal()}}}}}},c=r;export{c as default};

package/es/steps/style/nav.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsNavStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsNavStyle;

package/es/steps/style/nav.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var r={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};var c=t=>{let{componentCls:e,navContentMaxWidth:l,navArrowColor:n,stepsNavActiveColor:a,motionDurationSlow:o}=t;return {[`&${e}-navigation`]:{paddingTop:t.paddingSM,[`&${e}-small`]:{[`${e}-item`]:{"&-container":{marginInlineStart:t.calc(t.marginSM).mul(-1).equal()}}},[`${e}-item`]:{overflow:"visible",textAlign:"center","&-container":{display:"inline-block",height:"100%",marginInlineStart:t.calc(t.margin).mul(-1).equal(),paddingBottom:t.paddingSM,textAlign:"start",transition:`opacity ${o}`,[`${e}-item-content`]:{maxWidth:l},[`${e}-item-title`]:{maxWidth:"100%",paddingInlineEnd:0,...r,"&::after":{display:"none"}}},[`&:not(${e}-item-active)`]:{[`${e}-item-container[role='button']`]:{cursor:"pointer","&:hover":{opacity:.85}}},"&:last-child":{flex:1,"&::after":{display:"none"}},"&::after":{position:"absolute",top:`calc(50% - ${unit(t.calc(t.paddingSM).div(2).equal())})`,insetInlineStart:"100%",display:"inline-block",width:t.fontSizeIcon,height:t.fontSizeIcon,borderTop:`${unit(t.lineWidth)} ${t.lineType} ${n}`,borderBottom:"none",borderInlineStart:"none",borderInlineEnd:`${unit(t.lineWidth)} ${t.lineType} ${n}`,transform:"translateY(-50%) translateX(-50%) rotate(45deg)",content:'""'},"&::before":{position:"absolute",bottom:0,insetInlineStart:"50%",display:"inline-block",width:0,height:t.lineWidthBold,backgroundColor:a,transition:`width ${o}, inset-inline-start ${o}`,transitionTimingFunction:"ease-out",content:'""'}},[`${e}-item${e}-item-active::before`]:{insetInlineStart:0,width:"100%"}},[`&${e}-navigation${e}-vertical`]:{[`> ${e}-item`]:{marginInlineEnd:0,"&::before":{display:"none"},[`&${e}-item-active::before`]:{top:0,insetInlineEnd:0,insetInlineStart:"unset",display:"block",width:t.calc(t.lineWidth).mul(3).equal(),height:`calc(100% - ${unit(t.marginLG)})`},"&::after":{position:"relative",insetInlineStart:"50%",display:"block",width:t.calc(t.controlHeight).mul(.25).equal(),height:t.calc(t.controlHeight).mul(.25).equal(),marginBottom:t.marginXS,textAlign:"center",transform:"translateY(-50%) translateX(-50%) rotate(135deg)"},"&:last-child":{"&::after":{display:"none"}},[`> ${e}-item-container > ${e}-item-tail`]:{visibility:"hidden"}}},[`&${e}-navigation${e}-horizontal`]:{[`> ${e}-item > ${e}-item-container > ${e}-item-tail`]:{visibility:"hidden"}}}},b=c;export{b as default};

package/es/steps/style/progress-dot.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsProgressDotStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsProgressDotStyle;

package/es/steps/style/progress-dot.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var d=i=>{let{componentCls:t,descriptionMaxWidth:c,lineHeight:n,dotCurrentSize:l,dotSize:a,motionDurationSlow:r}=i;return {[`&${t}-dot, &${t}-dot${t}-small`]:{[`${t}-item`]:{"&-title":{lineHeight:n},"&-tail":{top:i.calc(i.dotSize).sub(i.calc(i.lineWidth).mul(3).equal()).div(2).equal(),width:"100%",marginTop:0,marginBottom:0,marginInline:`${unit(i.calc(c).div(2).equal())} 0`,padding:0,"&::after":{width:`calc(100% - ${unit(i.calc(i.marginSM).mul(2).equal())})`,height:i.calc(i.lineWidth).mul(3).equal(),marginInlineStart:i.marginSM}},"&-icon":{width:a,height:a,marginInlineStart:i.calc(i.descriptionMaxWidth).sub(a).div(2).equal(),paddingInlineEnd:0,lineHeight:unit(a),background:"transparent",border:0,[`${t}-icon-dot`]:{position:"relative",float:"left",width:"100%",height:"100%",borderRadius:100,transition:`all ${r}`,"&::after":{position:"absolute",top:i.calc(i.marginSM).mul(-1).equal(),insetInlineStart:i.calc(a).sub(i.calc(i.controlHeightLG).mul(1.5).equal()).div(2).equal(),width:i.calc(i.controlHeightLG).mul(1.5).equal(),height:i.controlHeight,background:"transparent",content:'""'}}},"&-content":{width:c},[`&-process ${t}-item-icon`]:{position:"relative",top:i.calc(a).sub(l).div(2).equal(),width:l,height:l,lineHeight:unit(l),background:"none",marginInlineStart:i.calc(i.descriptionMaxWidth).sub(l).div(2).equal()},[`&-process ${t}-icon`]:{[`&:first-child ${t}-icon-dot`]:{insetInlineStart:0}}}},[`&${t}-vertical${t}-dot`]:{[`${t}-item-icon`]:{marginTop:i.calc(i.controlHeight).sub(a).div(2).equal(),marginInlineStart:0,background:"none"},[`${t}-item-process ${t}-item-icon`]:{marginTop:i.calc(i.controlHeight).sub(l).div(2).equal(),top:0,insetInlineStart:i.calc(a).sub(l).div(2).equal(),marginInlineStart:0},[`${t}-item > ${t}-item-container > ${t}-item-tail`]:{top:i.calc(i.controlHeight).sub(a).div(2).equal(),insetInlineStart:0,margin:0,padding:`${unit(i.calc(a).add(i.paddingXS).equal())} 0 ${unit(i.paddingXS)}`,"&::after":{marginInlineStart:i.calc(a).sub(i.lineWidth).div(2).equal()}},[`&${t}-small`]:{[`${t}-item-icon`]:{marginTop:i.calc(i.controlHeightSM).sub(a).div(2).equal()},[`${t}-item-process ${t}-item-icon`]:{marginTop:i.calc(i.controlHeightSM).sub(l).div(2).equal()},[`${t}-item > ${t}-item-container > ${t}-item-tail`]:{top:i.calc(i.controlHeightSM).sub(a).div(2).equal()}},[`${t}-item:first-child ${t}-icon-dot`]:{insetInlineStart:0},[`${t}-item-content`]:{width:"inherit"}}}},m=d;export{m as default};

package/es/steps/style/progress.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsProgressStyle;

package/es/steps/style/progress.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var $=i=>{let{antCls:r,componentCls:t,iconSize:l,iconSizeSM:n,processIconColor:m,marginXXS:d,lineWidthBold:p,lineWidth:o,paddingXXS:e}=i,s=i.calc(l).add(i.calc(p).mul(4).equal()).equal(),c=i.calc(n).add(i.calc(i.lineWidth).mul(4).equal()).equal();return {[`&${t}-with-progress`]:{[`${t}-item`]:{paddingTop:e,[`&-process ${t}-item-container ${t}-item-icon ${t}-icon`]:{color:m}},[`&${t}-vertical > ${t}-item `]:{paddingInlineStart:e,[`> ${t}-item-container > ${t}-item-tail`]:{top:d,insetInlineStart:i.calc(l).div(2).sub(o).add(e).equal()}},[`&, &${t}-small`]:{[`&${t}-horizontal ${t}-item:first-child`]:{paddingBottom:e,paddingInlineStart:e}},[`&${t}-small${t}-vertical > ${t}-item > ${t}-item-container > ${t}-item-tail`]:{insetInlineStart:i.calc(n).div(2).sub(o).add(e).equal()},[`&${t}-label-vertical ${t}-item ${t}-item-tail`]:{top:i.calc(l).div(2).add(e).equal()},[`${t}-item-icon`]:{position:"relative",[`${r}-progress`]:{position:"absolute",insetInlineStart:"50%",top:"50%",transform:"translate(-50%, -50%)","&-inner":{width:`${unit(s)} !important`,height:`${unit(s)} !important`}}},[`&${t}-small`]:{[`&${t}-label-vertical ${t}-item ${t}-item-tail`]:{top:i.calc(n).div(2).add(e).equal()},[`${t}-item-icon ${r}-progress-inner`]:{width:`${unit(c)} !important`,height:`${unit(c)} !important`}}}}},g=$;export{g as default};

package/es/steps/style/rtl.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsRTLStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsRTLStyle;

package/es/steps/style/rtl.js

@@ -0,0 +1 @@
+var o=e=>{let{componentCls:t}=e;return {[`&${t}-rtl`]:{direction:"rtl",[`${t}-item`]:{"&-subtitle":{float:"left"}},[`&${t}-navigation`]:{[`${t}-item::after`]:{transform:"rotate(-45deg)"}},[`&${t}-vertical`]:{[`> ${t}-item`]:{"&::after":{transform:"rotate(225deg)"},[`${t}-item-icon`]:{float:"right"}}},[`&${t}-dot`]:{[`${t}-item-icon ${t}-icon-dot, &${t}-small ${t}-item-icon ${t}-icon-dot`]:{float:"right"}}}}},r=o;export{r as default};

package/es/steps/style/small.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsSmallStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsSmallStyle;

package/es/steps/style/small.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var l=t=>{let{componentCls:i,iconSizeSM:e,fontSizeSM:o,fontSize:r,colorTextDescription:a}=t;return {[`&${i}-small`]:{[`&${i}-horizontal:not(${i}-label-vertical) ${i}-item`]:{paddingInlineStart:t.paddingSM,"&:first-child":{paddingInlineStart:0}},[`${i}-item-icon`]:{width:e,height:e,marginTop:0,marginBottom:0,marginInline:`0 ${unit(t.marginXS)}`,fontSize:o,lineHeight:unit(e),textAlign:"center",borderRadius:e},[`${i}-item-title`]:{paddingInlineEnd:t.paddingSM,fontSize:r,lineHeight:unit(e),"&::after":{top:t.calc(e).div(2).equal()}},[`${i}-item-description`]:{color:a,fontSize:r},[`${i}-item-tail`]:{top:t.calc(e).div(2).sub(t.paddingXXS).equal()},[`${i}-item-custom ${i}-item-icon`]:{width:"inherit",height:"inherit",lineHeight:"inherit",background:"none",border:0,borderRadius:0,[`> ${i}-icon`]:{fontSize:e,lineHeight:unit(e),transform:"none"}}}}},m=l;export{m as default};

package/es/steps/style/vertical.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { StepsToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genStepsVerticalStyle: GenerateStyle<StepsToken, CSSObject>;
+export default genStepsVerticalStyle;

package/es/steps/style/vertical.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var n=t=>{let{componentCls:i,iconSizeSM:l,iconSize:a}=t;return {[`&${i}-vertical`]:{display:"flex",flexDirection:"column",[`> ${i}-item`]:{display:"block",flex:"1 0 auto",paddingInlineStart:0,overflow:"visible",[`${i}-item-icon`]:{float:"left",marginInlineEnd:t.margin},[`${i}-item-content`]:{display:"block",minHeight:t.calc(t.controlHeight).mul(1.5).equal(),overflow:"hidden"},[`${i}-item-title`]:{lineHeight:unit(a)},[`${i}-item-description`]:{paddingBottom:t.paddingSM}},[`> ${i}-item > ${i}-item-container > ${i}-item-tail`]:{position:"absolute",top:0,insetInlineStart:t.calc(a).div(2).sub(t.lineWidth).equal(),width:t.lineWidth,height:"100%",padding:`${unit(t.calc(t.marginXXS).mul(1.5).add(a).equal())} 0 ${unit(t.calc(t.marginXXS).mul(1.5).equal())}`,"&::after":{width:t.lineWidth,height:"100%"}},[`> ${i}-item:not(:last-child) > ${i}-item-container > ${i}-item-tail`]:{display:"block"},[` > ${i}-item > ${i}-item-container > ${i}-item-content > ${i}-item-title`]:{"&::after":{display:"none"}},[`&${i}-small ${i}-item-container`]:{[`${i}-item-tail`]:{position:"absolute",top:0,insetInlineStart:t.calc(l).div(2).sub(t.lineWidth).equal(),padding:`${unit(t.calc(t.marginXXS).mul(1.5).add(l).equal())} 0 ${unit(t.calc(t.marginXXS).mul(1.5).equal())}`},[`${i}-item-title`]:{lineHeight:unit(l)}}}}},c=n;export{c as default};

package/es/steps/useLegacyItems.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { StepProps } from '.';
+export default function useLegacyItems(items?: StepProps[], children?: React.ReactNode): StepProps[];

package/es/steps/useLegacyItems.js

@@ -0,0 +1 @@
+import*as p from'react';import y from'rc-util/lib/Children/toArray';import u,{resetWarned}from'rc-util/lib/warning';function c(){}var t=null;function W(){t=null,resetWarned();}var d=c;process.env.NODE_ENV!=="production"&&(d=(e,r,i)=>{u(e,`[swiftcrab: ${r}] ${i}`),process.env.NODE_ENV==="test"&&W();});var m=p.createContext({}),g=process.env.NODE_ENV!=="production"?e=>{let{strict:r}=p.useContext(m),i=(n,o,a)=>{if(!n)if(r===false&&o==="deprecated"){let s=t;t||(t={}),t[e]=t[e]||[],t[e].includes(a||"")||t[e].push(a||""),s||console.warn("[swiftcrab] There exists deprecated usage in your code:",t);}else d(n,e,a);};return i.deprecated=(n,o,a,s)=>{i(n,"deprecated",`\`${o}\` is deprecated. Please use \`${a}\` instead.${s?` ${s}`:""}`);},i}:()=>{let e=()=>{};return e.deprecated=c,e};function x(e){return e.filter(r=>r)}function v(e,r){if(process.env.NODE_ENV==="test"&&g("Menu").deprecated(!r,"Step","items"),e)return e;let i=y(r).map(n=>{if(p.isValidElement(n)){let{props:o}=n;return {...o}}return null});return x(i)}export{v as default};

package/es/style/compact-item-vertical.d.ts

@@ -0,0 +1,3 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { FullToken, OverrideComponent } from '../theme/internal';
+export declare function genCompactItemVerticalStyle<T extends OverrideComponent>(token: FullToken<T>): CSSInterpolation;

package/es/style/compact-item-vertical.js

@@ -0,0 +1 @@
+function i(e,t){return {[`&-item:not(${t}-last-item)`]:{marginBottom:e.calc(e.lineWidth).mul(-1).equal()},"&-item":{"&:hover,&:focus,&:active":{zIndex:2},"&[disabled]":{zIndex:0}}}}function o(e,t){return {[`&-item:not(${t}-first-item):not(${t}-last-item)`]:{borderRadius:0},[`&-item${t}-first-item:not(${t}-last-item)`]:{[`&, &${e}-sm, &${e}-lg`]:{borderEndEndRadius:0,borderEndStartRadius:0}},[`&-item${t}-last-item:not(${t}-first-item)`]:{[`&, &${e}-sm, &${e}-lg`]:{borderStartStartRadius:0,borderStartEndRadius:0}}}}function n(e){let t=`${e.componentCls}-compact-vertical`;return {[t]:{...i(e,t),...o(e.componentCls,t)}}}export{n as genCompactItemVerticalStyle};

package/es/style/compact-item.d.ts

@@ -0,0 +1,17 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { FullToken, OverrideComponent } from '../theme/internal';
+interface CompactItemOptions {
+    focus?: boolean;
+    /**
+     * Some component borders are implemented on child elements
+     * like `Select`
+     */
+    borderElCls?: string;
+    /**
+     * Some components have special `focus` className especially with popovers
+     * like `Select` and `DatePicker`
+     */
+    focusElCls?: string;
+}
+export declare function genCompactItemStyle<T extends OverrideComponent>(token: FullToken<T>, options?: CompactItemOptions): CSSInterpolation;
+export {};

package/es/style/compact-item.js

@@ -0,0 +1 @@
+function a(o,t,i){let{focusElCls:e,focus:n,borderElCls:s}=i,r=s?"> *":"",m=["hover",n?"focus":null,"active"].filter(Boolean).map(c=>`&:${c} ${r}`).join(",");return {[`&-item:not(${t}-last-item)`]:{marginInlineEnd:o.calc(o.lineWidth).mul(-1).equal()},"&-item":{[m]:{zIndex:2},...e?{[`&${e}`]:{zIndex:2}}:{},[`&[disabled] ${r}`]:{zIndex:0}}}}function l(o,t,i){let{borderElCls:e}=i,n=e?`> ${e}`:"";return {[`&-item:not(${t}-first-item):not(${t}-last-item) ${n}`]:{borderRadius:0},[`&-item:not(${t}-last-item)${t}-first-item`]:{[`& ${n}, &${o}-sm ${n}, &${o}-lg ${n}`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&-item:not(${t}-first-item)${t}-last-item`]:{[`& ${n}, &${o}-sm ${n}, &${o}-lg ${n}`]:{borderStartStartRadius:0,borderEndStartRadius:0}}}}function d(o,t={focus:true}){let{componentCls:i}=o,e=`${i}-compact`;return {[e]:{...a(o,e,t),...l(i,e,t)}}}export{d as genCompactItemStyle};

package/es/style/index.d.ts

@@ -0,0 +1,12 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { AliasToken } from '../theme/internal';
+export declare const textEllipsis: CSSObject;
+export declare const resetComponent: (token: AliasToken, needInheritFontFamily?: boolean) => CSSObject;
+export declare const resetIcon: () => CSSObject;
+export declare const clearFix: () => CSSObject;
+export declare const genLinkStyle: (token: AliasToken) => CSSObject;
+export declare const genCommonStyle: (token: AliasToken, componentPrefixCls: string, rootCls?: string, resetFont?: boolean) => CSSObject;
+export declare const genFocusOutline: (token: AliasToken) => CSSObject;
+export declare const genFocusStyle: (token: AliasToken) => CSSObject;
+export declare const genIconStyle: (iconPrefixCls: string) => CSSObject;
+export declare const operationUnit: (token: AliasToken) => CSSObject;

package/es/style/index.js

@@ -0,0 +1 @@
+import {unit}from'@ant-design/cssinjs';var f={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},g=(o,e=false)=>({boxSizing:"border-box",margin:0,padding:0,color:o.colorText,fontSize:o.fontSize,lineHeight:o.lineHeight,listStyle:"none",fontFamily:e?"inherit":o.fontFamily}),a=()=>({display:"inline-flex",alignItems:"center",color:"inherit",fontStyle:"normal",lineHeight:0,textAlign:"center",textTransform:"none",verticalAlign:"-0.125em",textRendering:"optimizeLegibility","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","> *":{lineHeight:1},svg:{display:"inline-block"}}),x=()=>({"&::before":{display:"table",content:'""'},"&::after":{display:"table",clear:"both",content:'""'}}),d=o=>({a:{color:o.colorLink,textDecoration:o.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${o.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:o.colorLinkHover},"&:active":{color:o.colorLinkActive},"&:active, &:hover":{textDecoration:o.linkHoverDecoration,outline:0},"&:focus":{textDecoration:o.linkFocusDecoration,outline:0},"&[disabled]":{color:o.colorTextDisabled,cursor:"not-allowed"}}}),u=(o,e,t,l)=>{let i=`[class^="${e}"], [class*=" ${e}"]`,c=t?`.${t}`:i,n={boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}},r={};return l!==false&&(r={fontFamily:o.fontFamily,fontSize:o.fontSize}),{[c]:{...r,...n,[i]:n}}},S=o=>({outline:`${unit(o.lineWidthFocus)} solid ${o.colorPrimaryBorder}`,outlineOffset:1,transition:"outline-offset 0s, outline 0s"}),b=o=>({"&:focus-visible":{...S(o)}}),m=o=>({[`.${o}`]:{...a(),[`.${o} .${o}-icon`]:{display:"block"}}}),y=o=>({color:o.colorLink,textDecoration:o.linkDecoration,outline:"none",cursor:"pointer",transition:`all ${o.motionDurationSlow}`,border:0,padding:0,background:"none",userSelect:"none",...b(o),"&:focus, &:hover":{color:o.colorLinkHover},"&:active":{color:o.colorLinkActive}});export{x as clearFix,u as genCommonStyle,S as genFocusOutline,b as genFocusStyle,m as genIconStyle,d as genLinkStyle,y as operationUnit,g as resetComponent,a as resetIcon,f as textEllipsis};

package/es/style/motion/collapse.d.ts

@@ -0,0 +1,3 @@
+import type { AliasToken, GenerateStyle, TokenWithCommonCls } from '../../theme/internal';
+declare const genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>>;
+export default genCollapseMotion;

package/es/style/motion/collapse.js

@@ -0,0 +1,3 @@
+var i=o=>({[o.componentCls]:{[`${o.antCls}-motion-collapse-legacy`]:{overflow:"hidden","&-active":{transition:`height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`}},[`${o.antCls}-motion-collapse`]:{overflow:"hidden",transition:`height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`}}}),t=i;export{t as default};

package/es/style/motion/fade.d.ts

@@ -0,0 +1,6 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const fadeIn: Keyframes;
+export declare const fadeOut: Keyframes;
+export declare const initFadeMotion: (token: TokenWithCommonCls<AliasToken>, sameLevel?: boolean) => CSSInterpolation;

package/es/style/motion/fade.js

@@ -0,0 +1,10 @@
+import {Keyframes}from'@ant-design/cssinjs';var p=n=>({animationDuration:n,animationFillMode:"both"}),s=n=>({animationDuration:n,animationFillMode:"both"}),r=(n,i,o,t,a=false)=>{let e=a?"&":"";return {[`
+      ${e}${n}-enter,
+      ${e}${n}-appear
+    `]:{...p(t),animationPlayState:"paused"},[`${e}${n}-leave`]:{...s(t),animationPlayState:"paused"},[`
+      ${e}${n}-enter${n}-enter-active,
+      ${e}${n}-appear${n}-appear-active
+    `]:{animationName:i,animationPlayState:"running"},[`${e}${n}-leave${n}-leave-active`]:{animationName:o,animationPlayState:"running",pointerEvents:"none"}}};var c=new Keyframes("antFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),$=new Keyframes("antFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),S=(n,i=false)=>{let{antCls:o}=n,t=`${o}-fade`,a=i?"&":"";return [r(t,c,$,n.motionDurationMid,i),{[`
+        ${a}${t}-enter,
+        ${a}${t}-appear
+      `]:{opacity:0,animationTimingFunction:"linear"},[`${a}${t}-leave`]:{animationTimingFunction:"linear"}}]};export{c as fadeIn,$ as fadeOut,S as initFadeMotion};

package/es/style/motion/index.d.ts

@@ -0,0 +1,6 @@
+import genCollapseMotion from './collapse';
+import { fadeIn, fadeOut, initFadeMotion } from './fade';
+import { initMoveMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut } from './move';
+import { initSlideMotion, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut } from './slide';
+import { initZoomMotion, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut } from './zoom';
+export { initSlideMotion, slideUpIn, slideUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, zoomOut, zoomIn, zoomBigIn, zoomLeftOut, zoomBigOut, zoomLeftIn, zoomRightIn, zoomUpIn, zoomRightOut, zoomUpOut, zoomDownIn, zoomDownOut, initZoomMotion, fadeIn, fadeOut, initFadeMotion, moveRightOut, moveRightIn, moveLeftOut, moveLeftIn, moveDownOut, moveDownIn, moveUpIn, moveUpOut, initMoveMotion, genCollapseMotion, };

package/es/style/motion/index.js

@@ -0,0 +1,21 @@
+import {Keyframes}from'@ant-design/cssinjs';var X=o=>({[o.componentCls]:{[`${o.antCls}-motion-collapse-legacy`]:{overflow:"hidden","&-active":{transition:`height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`}},[`${o.antCls}-motion-collapse`]:{overflow:"hidden",transition:`height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`}}}),Y=X;var B=o=>({animationDuration:o,animationFillMode:"both"}),P=o=>({animationDuration:o,animationFillMode:"both"}),s=(o,n,a,t,i=false)=>{let r=i?"&":"";return {[`
+      ${r}${o}-enter,
+      ${r}${o}-appear
+    `]:{...B(t),animationPlayState:"paused"},[`${r}${o}-leave`]:{...P(t),animationPlayState:"paused"},[`
+      ${r}${o}-enter${o}-enter-active,
+      ${r}${o}-appear${o}-appear-active
+    `]:{animationName:n,animationPlayState:"running"},[`${r}${o}-leave${o}-leave-active`]:{animationName:a,animationPlayState:"running",pointerEvents:"none"}}};var y=new Keyframes("antFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),u=new Keyframes("antFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),G=(o,n=false)=>{let{antCls:a}=o,t=`${a}-fade`,i=n?"&":"";return [s(t,y,u,o.motionDurationMid,n),{[`
+        ${i}${t}-enter,
+        ${i}${t}-appear
+      `]:{opacity:0,animationTimingFunction:"linear"},[`${i}${t}-leave`]:{animationTimingFunction:"linear"}}]};var g=new Keyframes("antMoveDownIn",{"0%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),O=new Keyframes("antMoveDownOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0}}),d=new Keyframes("antMoveLeftIn",{"0%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),I=new Keyframes("antMoveLeftOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),w=new Keyframes("antMoveRightIn",{"0%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),K=new Keyframes("antMoveRightOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),v=new Keyframes("antMoveUpIn",{"0%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),M=new Keyframes("antMoveUpOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0}}),Q={"move-up":{inKeyframes:v,outKeyframes:M},"move-down":{inKeyframes:g,outKeyframes:O},"move-left":{inKeyframes:d,outKeyframes:I},"move-right":{inKeyframes:w,outKeyframes:K}},q=(o,n)=>{let{antCls:a}=o,t=`${a}-${n}`,{inKeyframes:i,outKeyframes:r}=Q[n];return [s(t,i,r,o.motionDurationMid),{[`
+        ${t}-enter,
+        ${t}-appear
+      `]:{opacity:0,animationTimingFunction:o.motionEaseOutCirc},[`${t}-leave`]:{animationTimingFunction:o.motionEaseInOutCirc}}]};var h=new Keyframes("antSlideUpIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1}}),$=new Keyframes("antSlideUpOut",{"0%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0}}),C=new Keyframes("antSlideDownIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1}}),S=new Keyframes("antSlideDownOut",{"0%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0}}),z=new Keyframes("antSlideLeftIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1}}),x=new Keyframes("antSlideLeftOut",{"0%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0}}),T=new Keyframes("antSlideRightIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1}}),D=new Keyframes("antSlideRightOut",{"0%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0}}),H={"slide-up":{inKeyframes:h,outKeyframes:$},"slide-down":{inKeyframes:C,outKeyframes:S},"slide-left":{inKeyframes:z,outKeyframes:x},"slide-right":{inKeyframes:T,outKeyframes:D}},J=(o,n)=>{let{antCls:a}=o,t=`${a}-${n}`,{inKeyframes:i,outKeyframes:r}=H[n];return [s(t,i,r,o.motionDurationMid),{[`
+      ${t}-enter,
+      ${t}-appear
+    `]:{transform:"scale(0)",transformOrigin:"0% 0%",opacity:0,animationTimingFunction:o.motionEaseOutQuint,"&-prepare":{transform:"scale(1)"}},[`${t}-leave`]:{animationTimingFunction:o.motionEaseInQuint}}]};var R=new Keyframes("antZoomIn",{"0%":{transform:"scale(0.2)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),L=new Keyframes("antZoomOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),p=new Keyframes("antZoomBigIn",{"0%":{transform:"scale(0.8)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),c=new Keyframes("antZoomBigOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.8)",opacity:0}}),U=new Keyframes("antZoomUpIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 0%"}}),Z=new Keyframes("antZoomUpOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 0%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0}}),F=new Keyframes("antZoomLeftIn",{"0%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"0% 50%"}}),b=new Keyframes("antZoomLeftOut",{"0%":{transform:"scale(1)",transformOrigin:"0% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0}}),E=new Keyframes("antZoomRightIn",{"0%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"100% 50%"}}),A=new Keyframes("antZoomRightOut",{"0%":{transform:"scale(1)",transformOrigin:"100% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0}}),W=new Keyframes("antZoomDownIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 100%"}}),j=new Keyframes("antZoomDownOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 100%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0}}),V={zoom:{inKeyframes:R,outKeyframes:L},"zoom-big":{inKeyframes:p,outKeyframes:c},"zoom-big-fast":{inKeyframes:p,outKeyframes:c},"zoom-left":{inKeyframes:F,outKeyframes:b},"zoom-right":{inKeyframes:E,outKeyframes:A},"zoom-up":{inKeyframes:U,outKeyframes:Z},"zoom-down":{inKeyframes:W,outKeyframes:j}},_=(o,n)=>{let{antCls:a}=o,t=`${a}-${n}`,{inKeyframes:i,outKeyframes:r}=V[n];return [s(t,i,r,n==="zoom-big-fast"?o.motionDurationFast:o.motionDurationMid),{[`
+        ${t}-enter,
+        ${t}-appear
+      `]:{transform:"scale(0)",opacity:0,animationTimingFunction:o.motionEaseOutCirc,"&-prepare":{transform:"none"}},[`${t}-leave`]:{animationTimingFunction:o.motionEaseInOutCirc}}]};export{y as fadeIn,u as fadeOut,Y as genCollapseMotion,G as initFadeMotion,q as initMoveMotion,J as initSlideMotion,_ as initZoomMotion,g as moveDownIn,O as moveDownOut,d as moveLeftIn,I as moveLeftOut,w as moveRightIn,K as moveRightOut,v as moveUpIn,M as moveUpOut,C as slideDownIn,S as slideDownOut,z as slideLeftIn,x as slideLeftOut,T as slideRightIn,D as slideRightOut,h as slideUpIn,$ as slideUpOut,p as zoomBigIn,c as zoomBigOut,W as zoomDownIn,j as zoomDownOut,R as zoomIn,F as zoomLeftIn,b as zoomLeftOut,L as zoomOut,E as zoomRightIn,A as zoomRightOut,U as zoomUpIn,Z as zoomUpOut};

package/es/style/motion/motion.d.ts

@@ -0,0 +1,2 @@
+import type { CSSObject, Keyframes } from '@ant-design/cssinjs';
+export declare const initMotion: (motionCls: string, inKeyframes: Keyframes, outKeyframes: Keyframes, duration: string, sameLevel?: boolean) => CSSObject;

package/es/style/motion/motion.js

@@ -0,0 +1,7 @@
+var o=a=>({animationDuration:a,animationFillMode:"both"}),$=a=>({animationDuration:a,animationFillMode:"both"}),m=(a,t,i,n,r=false)=>{let e=r?"&":"";return {[`
+      ${e}${a}-enter,
+      ${e}${a}-appear
+    `]:{...o(n),animationPlayState:"paused"},[`${e}${a}-leave`]:{...$(n),animationPlayState:"paused"},[`
+      ${e}${a}-enter${a}-enter-active,
+      ${e}${a}-appear${a}-appear-active
+    `]:{animationName:t,animationPlayState:"running"},[`${e}${a}-leave${a}-leave-active`]:{animationName:i,animationPlayState:"running",pointerEvents:"none"}}};export{m as initMotion};

package/es/style/motion/move.d.ts

@@ -0,0 +1,14 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const moveDownIn: Keyframes;
+export declare const moveDownOut: Keyframes;
+export declare const moveLeftIn: Keyframes;
+export declare const moveLeftOut: Keyframes;
+export declare const moveRightIn: Keyframes;
+export declare const moveRightOut: Keyframes;
+export declare const moveUpIn: Keyframes;
+export declare const moveUpOut: Keyframes;
+type MoveMotionTypes = 'move-up' | 'move-down' | 'move-left' | 'move-right';
+export declare const initMoveMotion: (token: TokenWithCommonCls<AliasToken>, motionName: MoveMotionTypes) => CSSInterpolation;
+export {};

package/es/style/motion/move.js

@@ -0,0 +1,10 @@
+import {Keyframes}from'@ant-design/cssinjs';var m=t=>({animationDuration:t,animationFillMode:"both"}),f=t=>({animationDuration:t,animationFillMode:"both"}),s=(t,o,r,e,i=false)=>{let n=i?"&":"";return {[`
+      ${n}${t}-enter,
+      ${n}${t}-appear
+    `]:{...m(e),animationPlayState:"paused"},[`${n}${t}-leave`]:{...f(e),animationPlayState:"paused"},[`
+      ${n}${t}-enter${t}-enter-active,
+      ${n}${t}-appear${t}-appear-active
+    `]:{animationName:o,animationPlayState:"running"},[`${n}${t}-leave${t}-leave-active`]:{animationName:r,animationPlayState:"running",pointerEvents:"none"}}};var p=new Keyframes("antMoveDownIn",{"0%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),c=new Keyframes("antMoveDownOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0}}),y=new Keyframes("antMoveLeftIn",{"0%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),v=new Keyframes("antMoveLeftOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),l=new Keyframes("antMoveRightIn",{"0%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),g=new Keyframes("antMoveRightOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),O=new Keyframes("antMoveUpIn",{"0%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),u=new Keyframes("antMoveUpOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0}}),d={"move-up":{inKeyframes:O,outKeyframes:u},"move-down":{inKeyframes:p,outKeyframes:c},"move-left":{inKeyframes:y,outKeyframes:v},"move-right":{inKeyframes:l,outKeyframes:g}},S=(t,o)=>{let{antCls:r}=t,e=`${r}-${o}`,{inKeyframes:i,outKeyframes:n}=d[o];return [s(e,i,n,t.motionDurationMid),{[`
+        ${e}-enter,
+        ${e}-appear
+      `]:{opacity:0,animationTimingFunction:t.motionEaseOutCirc},[`${e}-leave`]:{animationTimingFunction:t.motionEaseInOutCirc}}]};export{S as initMoveMotion,p as moveDownIn,c as moveDownOut,y as moveLeftIn,v as moveLeftOut,l as moveRightIn,g as moveRightOut,O as moveUpIn,u as moveUpOut};

package/es/style/motion/slide.d.ts

@@ -0,0 +1,14 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const slideUpIn: Keyframes;
+export declare const slideUpOut: Keyframes;
+export declare const slideDownIn: Keyframes;
+export declare const slideDownOut: Keyframes;
+export declare const slideLeftIn: Keyframes;
+export declare const slideLeftOut: Keyframes;
+export declare const slideRightIn: Keyframes;
+export declare const slideRightOut: Keyframes;
+type SlideMotionTypes = 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+export declare const initSlideMotion: (token: TokenWithCommonCls<AliasToken>, motionName: SlideMotionTypes) => CSSInterpolation;
+export {};

package/es/style/motion/slide.js

@@ -0,0 +1,10 @@
+import {Keyframes}from'@ant-design/cssinjs';var m=n=>({animationDuration:n,animationFillMode:"both"}),f=n=>({animationDuration:n,animationFillMode:"both"}),s=(n,a,r,i,o=false)=>{let t=o?"&":"";return {[`
+      ${t}${n}-enter,
+      ${t}${n}-appear
+    `]:{...m(i),animationPlayState:"paused"},[`${t}${n}-leave`]:{...f(i),animationPlayState:"paused"},[`
+      ${t}${n}-enter${n}-enter-active,
+      ${t}${n}-appear${n}-appear-active
+    `]:{animationName:a,animationPlayState:"running"},[`${t}${n}-leave${n}-leave-active`]:{animationName:r,animationPlayState:"running",pointerEvents:"none"}}};var c=new Keyframes("antSlideUpIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1}}),l=new Keyframes("antSlideUpOut",{"0%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0}}),p=new Keyframes("antSlideDownIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1}}),y=new Keyframes("antSlideDownOut",{"0%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0}}),d=new Keyframes("antSlideLeftIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1}}),g=new Keyframes("antSlideLeftOut",{"0%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0}}),O=new Keyframes("antSlideRightIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1}}),u=new Keyframes("antSlideRightOut",{"0%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0}}),S={"slide-up":{inKeyframes:c,outKeyframes:l},"slide-down":{inKeyframes:p,outKeyframes:y},"slide-left":{inKeyframes:d,outKeyframes:g},"slide-right":{inKeyframes:O,outKeyframes:u}},M=(n,a)=>{let{antCls:r}=n,i=`${r}-${a}`,{inKeyframes:o,outKeyframes:t}=S[a];return [s(i,o,t,n.motionDurationMid),{[`
+      ${i}-enter,
+      ${i}-appear
+    `]:{transform:"scale(0)",transformOrigin:"0% 0%",opacity:0,animationTimingFunction:n.motionEaseOutQuint,"&-prepare":{transform:"scale(1)"}},[`${i}-leave`]:{animationTimingFunction:n.motionEaseInQuint}}]};export{M as initSlideMotion,p as slideDownIn,y as slideDownOut,d as slideLeftIn,g as slideLeftOut,O as slideRightIn,u as slideRightOut,c as slideUpIn,l as slideUpOut};

package/es/style/motion/zoom.d.ts

@@ -0,0 +1,18 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import { Keyframes } from '@ant-design/cssinjs';
+import type { AliasToken, TokenWithCommonCls } from '../../theme/internal';
+export declare const zoomIn: Keyframes;
+export declare const zoomOut: Keyframes;
+export declare const zoomBigIn: Keyframes;
+export declare const zoomBigOut: Keyframes;
+export declare const zoomUpIn: Keyframes;
+export declare const zoomUpOut: Keyframes;
+export declare const zoomLeftIn: Keyframes;
+export declare const zoomLeftOut: Keyframes;
+export declare const zoomRightIn: Keyframes;
+export declare const zoomRightOut: Keyframes;
+export declare const zoomDownIn: Keyframes;
+export declare const zoomDownOut: Keyframes;
+type ZoomMotionTypes = 'zoom' | 'zoom-big' | 'zoom-big-fast' | 'zoom-left' | 'zoom-right' | 'zoom-up' | 'zoom-down';
+export declare const initZoomMotion: (token: TokenWithCommonCls<AliasToken>, motionName: ZoomMotionTypes) => CSSInterpolation;
+export {};

package/es/style/motion/zoom.js

@@ -0,0 +1,10 @@
+import {Keyframes}from'@ant-design/cssinjs';var c=o=>({animationDuration:o,animationFillMode:"both"}),p=o=>({animationDuration:o,animationFillMode:"both"}),m=(o,r,e,a,i=false)=>{let n=i?"&":"";return {[`
+      ${n}${o}-enter,
+      ${n}${o}-appear
+    `]:{...c(a),animationPlayState:"paused"},[`${n}${o}-leave`]:{...p(a),animationPlayState:"paused"},[`
+      ${n}${o}-enter${o}-enter-active,
+      ${n}${o}-appear${o}-appear-active
+    `]:{animationName:r,animationPlayState:"running"},[`${n}${o}-leave${o}-leave-active`]:{animationName:e,animationPlayState:"running",pointerEvents:"none"}}};var y=new Keyframes("antZoomIn",{"0%":{transform:"scale(0.2)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),l=new Keyframes("antZoomOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),s=new Keyframes("antZoomBigIn",{"0%":{transform:"scale(0.8)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),f=new Keyframes("antZoomBigOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.8)",opacity:0}}),g=new Keyframes("antZoomUpIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 0%"}}),u=new Keyframes("antZoomUpOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 0%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0}}),O=new Keyframes("antZoomLeftIn",{"0%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"0% 50%"}}),z=new Keyframes("antZoomLeftOut",{"0%":{transform:"scale(1)",transformOrigin:"0% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0}}),K=new Keyframes("antZoomRightIn",{"0%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"100% 50%"}}),$=new Keyframes("antZoomRightOut",{"0%":{transform:"scale(1)",transformOrigin:"100% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0}}),w=new Keyframes("antZoomDownIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 100%"}}),S=new Keyframes("antZoomDownOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 100%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0}}),Z={zoom:{inKeyframes:y,outKeyframes:l},"zoom-big":{inKeyframes:s,outKeyframes:f},"zoom-big-fast":{inKeyframes:s,outKeyframes:f},"zoom-left":{inKeyframes:O,outKeyframes:z},"zoom-right":{inKeyframes:K,outKeyframes:$},"zoom-up":{inKeyframes:g,outKeyframes:u},"zoom-down":{inKeyframes:w,outKeyframes:S}},b=(o,r)=>{let{antCls:e}=o,a=`${e}-${r}`,{inKeyframes:i,outKeyframes:n}=Z[r];return [m(a,i,n,r==="zoom-big-fast"?o.motionDurationFast:o.motionDurationMid),{[`
+        ${a}-enter,
+        ${a}-appear
+      `]:{transform:"scale(0)",opacity:0,animationTimingFunction:o.motionEaseOutCirc,"&-prepare":{transform:"none"}},[`${a}-leave`]:{animationTimingFunction:o.motionEaseInOutCirc}}]};export{b as initZoomMotion,s as zoomBigIn,f as zoomBigOut,w as zoomDownIn,S as zoomDownOut,y as zoomIn,O as zoomLeftIn,z as zoomLeftOut,l as zoomOut,K as zoomRightIn,$ as zoomRightOut,g as zoomUpIn,u as zoomUpOut};