{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/wave/style/index.ts"],"sourcesContent":["import type { FullToken, GenerateStyle } from '@antdv/theme';\nimport { genComponentStyleHook } from '@antdv/theme';\n\nexport interface ComponentToken {}\n\nexport type WaveToken = FullToken<'Wave'>;\n\nconst genWaveStyle: GenerateStyle<WaveToken> = (token) => {\n  const { componentCls, colorPrimary } = token;\n  return {\n    [componentCls]: {\n      'position': 'absolute',\n      'background': 'transparent',\n      'pointerEvents': 'none',\n      'boxSizing': 'border-box',\n      'color': `var(--wave-color, ${colorPrimary})`,\n\n      'boxShadow': '0 0 0 0 currentcolor',\n      'opacity': 0.2,\n\n      // =================== Motion ===================\n      '&.wave-motion-appear': {\n        'transition': [\n          `box-shadow 0.4s ${token.motionEaseOutCirc}`,\n          `opacity 2s ${token.motionEaseOutCirc}`,\n        ].join(','),\n\n        '&-active': {\n          boxShadow: '0 0 0 6px currentcolor',\n          opacity: 0,\n        },\n      },\n    },\n  };\n};\n\nexport default genComponentStyleHook('Wave', token => [genWaveStyle(token)]);\n"],"names":["genComponentStyleHook"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAyC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA,EAAE,YAAc,EAAA,YAAA,EAAiB,GAAA,KAAA,CAAA;AACvC,EAAO,OAAA;AAAA,IACL,CAAC,YAAY,GAAG;AAAA,MACd,UAAY,EAAA,UAAA;AAAA,MACZ,YAAc,EAAA,aAAA;AAAA,MACd,eAAiB,EAAA,MAAA;AAAA,MACjB,WAAa,EAAA,YAAA;AAAA,MACb,OAAA,EAAS,qBAAqB,YAAY,CAAA,CAAA,CAAA;AAAA,MAE1C,WAAa,EAAA,sBAAA;AAAA,MACb,SAAW,EAAA,GAAA;AAAA;AAAA,MAGX,sBAAwB,EAAA;AAAA,QACtB,YAAc,EAAA;AAAA,UACZ,CAAA,gBAAA,EAAmB,MAAM,iBAAiB,CAAA,CAAA;AAAA,UAC1C,CAAA,WAAA,EAAc,MAAM,iBAAiB,CAAA,CAAA;AAAA,SACvC,CAAE,KAAK,GAAG,CAAA;AAAA,QAEV,UAAY,EAAA;AAAA,UACV,SAAW,EAAA,wBAAA;AAAA,UACX,OAAS,EAAA,CAAA;AAAA,SACX;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEA,eAAeA,8BAAsB,MAAQ,EAAA,CAAA,KAAA,KAAS,CAAC,YAAa,CAAA,KAAK,CAAC,CAAC,CAAA;;;;"}