Merge branch 'master' into barchart

Author: saurabhraghuvanshii

src/__testing__/CodeIcon.test.tsx

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/react';
+import { CodeIcon } from '../icons';
+
+describe('CodeIcon', () => {
+  it('renders without errors', () => {
+    render(<CodeIcon width={24} height={24} />);
+  });
+
+  it('applies width and height', () => {
+    const { getByTestId } = render(<CodeIcon width={24} height={24} />);
+    const svgElement = getByTestId('code-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('24');
+    expect(svgElement.getAttribute('height')).toBe('24');
+  });
+});

src/__testing__/ReplyIcon.test.tsx

@@ -0,0 +1,22 @@
+import { render } from '@testing-library/react';
+import { ReplyIcon } from '../icons';
+
+describe('ReplyIcon', () => {
+  it('renders without errors', () => {
+    render(<ReplyIcon width={24} height={24} />);
+  });
+
+  it('uses default width and height', () => {
+    const { getByTestId } = render(<ReplyIcon />);
+    const svgElement = getByTestId('reply-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('24');
+    expect(svgElement.getAttribute('height')).toBe('24');
+  });
+
+  it('applies custom width and height', () => {
+    const { getByTestId } = render(<ReplyIcon width={32} height={32} />);
+    const svgElement = getByTestId('reply-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('32');
+    expect(svgElement.getAttribute('height')).toBe('32');
+  });
+});

src/icons/Code/CodeIcon.tsx

@@ -0,0 +1,27 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL_NONE } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const CodeIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="code-icon-svg"
+      {...props}
+    >
+      <path
+        d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default CodeIcon;

src/icons/Code/index.ts

@@ -0,0 +1 @@
+export { default as CodeIcon } from './CodeIcon';

src/icons/Reply/ReplyIcon.tsx

@@ -0,0 +1,29 @@
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_FILL_NONE } from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const ReplyIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  title,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      data-testid="reply-icon-svg"
+      {...props}
+    >
+      {title && <title>{title}</title>}
+      <path
+        d="M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-10z"
+        fill={fill}
+      />
+    </svg>
+  );
+};
+
+export default ReplyIcon;

src/icons/Reply/index.ts

@@ -0,0 +1 @@
+export { default as ReplyIcon } from './ReplyIcon';

src/icons/index.ts

@@ -33,6 +33,7 @@ export * from './Circle';
 export * from './Clone';
 export * from './Close';
 export * from './Cloud';
+export * from './Code';
 export * from './CollapseAll';
 export * from './Column';
 export * from './CompareArrows';
@@ -137,6 +138,7 @@ export * from './Rectangle';
 export * from './Redo';
 export * from './Refresh';
 export * from './Remove';
+export * from './Reply';
 export * from './Reset';
 export * from './Resize';
 export * from './Response';