5100455714

pending completion

Build # 5100455714

Build Type

push

github

Committed by

web-flow

Commit Message

chore(package): update all of storybook to version 7.0.18

Run Details

88 of 95 branches covered (92.63%)

Branch coverage included in aggregate %.

168 of 168 relevant lines covered (100.0%)

13.77 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

75.0

/src/components/Wave.tsx

import clsxm from '@/lib/clsxm';

export type WaveType = React.ComponentPropsWithoutRef<'span'>;

const Wave = ({ children, className, ...rest }: WaveType) => {
  return (
    <>
      <span className={clsxm('wave', className)} {...rest}>
        {children}
      </span>
      <style jsx>{`
        .wave:hover {
          display: inline-block;
          animation: wave 2.25s ease-in-out infinite;
          transform-origin: 70% 70%;
        }

        @keyframes wave {
          0% {
            transform: rotate(0deg);
          }
          10% {
            transform: rotate(14deg);
          }
          20% {
            transform: rotate(-8deg);
          }
          30% {
            transform: rotate(14deg);
          }
          40% {
            transform: rotate(-4deg);
          }
          50% {
            transform: rotate(10deg);
          }
          60% {
            transform: rotate(0deg);
          }
          100% {
            transform: rotate(0deg);
          }
        }
      `}</style>
    </>
  );
};

export default Wave;

1	import clsxm from '@/lib/clsxm';	2✔
2
3	export type WaveType = React.ComponentPropsWithoutRef<'span'>;
4
5	const Wave = ({ children, className, ...rest }: WaveType) => {	2✔
6	return (
7	<>
8	<span className={clsxm('wave', className)} {...rest}>	12!
9	{children}
10	</span>
11	<style jsx>{`
12	.wave:hover {
13	display: inline-block;
14	animation: wave 2.25s ease-in-out infinite;
15	transform-origin: 70% 70%;
16	}
17
18	@keyframes wave {
19	0% {
20	transform: rotate(0deg);
21	}
22	10% {
23	transform: rotate(14deg);
24	}
25	20% {
26	transform: rotate(-8deg);
27	}
28	30% {
29	transform: rotate(14deg);
30	}
31	40% {
32	transform: rotate(-4deg);
33	}
34	50% {
35	transform: rotate(10deg);
36	}
37	60% {
38	transform: rotate(0deg);
39	}
40	100% {
41	transform: rotate(0deg);
42	}
43	}
44	`}</style>
45	</>
46	);
47	};
48
49	export default Wave;	4✔

LordRonz / lordronz-site / 5100455714

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous