Skip to content

Commit 9a7e558

Browse files
davelinkedavelinke
authored
feat(icons): add play and stop chat input icons (#1819)
* feat(icons): add play and stop chat input icons * feat(icons): add changeset
1 parent bd602dd commit 9a7e558

File tree

10 files changed

+159
-0
lines changed

10 files changed

+159
-0
lines changed

‎.changeset/twelve-squids-sniff.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@bigcommerce/big-design-icons': minor
3+
---
4+
5+
Added Play and Stop icons needed for chatbot interfaces

‎packages/big-design-icons/src/components/PlayArrowIcon.tsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
// **********************************
2+
// Auto-generated file, do NOT modify
3+
// **********************************
4+
import React, { forwardRef, memo, useId } from 'react';
5+
6+
import { createStyledIcon, IconProps, PrivateIconProps } from '../base';
7+
8+
const Icon: React.FC<IconProps & PrivateIconProps> = ({ svgRef, title, theme, ...props }) => {
9+
const uniqueTitleId = useId();
10+
const titleId = title ? props.titleId || uniqueTitleId : undefined;
11+
const ariaHidden = titleId ? undefined : true;
12+
13+
return (
14+
<svg
15+
aria-hidden={ariaHidden}
16+
aria-labelledby={titleId}
17+
fill="currentColor"
18+
height={24}
19+
ref={svgRef}
20+
stroke="currentColor"
21+
strokeWidth="0"
22+
viewBox="0 0 24 24"
23+
width={24}
24+
{...props}
25+
>
26+
{title ? <title id={titleId}>{title}</title> : null}
27+
<path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82" />
28+
</svg>
29+
);
30+
};
31+
const IconWithForwardedRef = forwardRef<SVGSVGElement, IconProps>((iconProps, ref) => (
32+
<Icon {...iconProps} svgRef={ref} />
33+
));
34+
35+
export const PlayArrowIcon = memo(createStyledIcon(IconWithForwardedRef));
36+
PlayArrowIcon.displayName = 'PlayArrowIcon';

‎packages/big-design-icons/src/components/PlayCircleIcon.tsx‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
// **********************************
2+
// Auto-generated file, do NOT modify
3+
// **********************************
4+
import React, { forwardRef, memo, useId } from 'react';
5+
6+
import { createStyledIcon, IconProps, PrivateIconProps } from '../base';
7+
8+
const Icon: React.FC<IconProps & PrivateIconProps> = ({ svgRef, title, theme, ...props }) => {
9+
const uniqueTitleId = useId();
10+
const titleId = title ? props.titleId || uniqueTitleId : undefined;
11+
const ariaHidden = titleId ? undefined : true;
12+
13+
return (
14+
<svg
15+
aria-hidden={ariaHidden}
16+
aria-labelledby={titleId}
17+
fill="currentColor"
18+
height={24}
19+
ref={svgRef}
20+
stroke="currentColor"
21+
strokeWidth="0"
22+
viewBox="0 0 24 24"
23+
width={24}
24+
{...props}
25+
>
26+
{title ? <title id={titleId}>{title}</title> : null}
27+
<path d="M0 0h24v24H0z" fill="none" />
28+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M9.5 14.67V9.33c0-.79.88-1.27 1.54-.84l4.15 2.67a1 1 0 0 1 0 1.68l-4.15 2.67c-.66.43-1.54-.05-1.54-.84" />
29+
</svg>
30+
);
31+
};
32+
const IconWithForwardedRef = forwardRef<SVGSVGElement, IconProps>((iconProps, ref) => (
33+
<Icon {...iconProps} svgRef={ref} />
34+
));
35+
36+
export const PlayCircleIcon = memo(createStyledIcon(IconWithForwardedRef));
37+
PlayCircleIcon.displayName = 'PlayCircleIcon';

‎packages/big-design-icons/src/components/StopCircleIcon.tsx‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
// **********************************
2+
// Auto-generated file, do NOT modify
3+
// **********************************
4+
import React, { forwardRef, memo, useId } from 'react';
5+
6+
import { createStyledIcon, IconProps, PrivateIconProps } from '../base';
7+
8+
const Icon: React.FC<IconProps & PrivateIconProps> = ({ svgRef, title, theme, ...props }) => {
9+
const uniqueTitleId = useId();
10+
const titleId = title ? props.titleId || uniqueTitleId : undefined;
11+
const ariaHidden = titleId ? undefined : true;
12+
13+
return (
14+
<svg
15+
aria-hidden={ariaHidden}
16+
aria-labelledby={titleId}
17+
fill="currentColor"
18+
height={24}
19+
ref={svgRef}
20+
stroke="currentColor"
21+
strokeWidth="0"
22+
viewBox="0 0 24 24"
23+
width={24}
24+
{...props}
25+
>
26+
{title ? <title id={titleId}>{title}</title> : null}
27+
<path d="M0 0h24v24H0z" fill="none" />
28+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m3 14H9c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v6c0 .55-.45 1-1 1" />
29+
</svg>
30+
);
31+
};
32+
const IconWithForwardedRef = forwardRef<SVGSVGElement, IconProps>((iconProps, ref) => (
33+
<Icon {...iconProps} svgRef={ref} />
34+
));
35+
36+
export const StopCircleIcon = memo(createStyledIcon(IconWithForwardedRef));
37+
StopCircleIcon.displayName = 'StopCircleIcon';

‎packages/big-design-icons/src/components/StopIcon.tsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
// **********************************
2+
// Auto-generated file, do NOT modify
3+
// **********************************
4+
import React, { forwardRef, memo, useId } from 'react';
5+
6+
import { createStyledIcon, IconProps, PrivateIconProps } from '../base';
7+
8+
const Icon: React.FC<IconProps & PrivateIconProps> = ({ svgRef, title, theme, ...props }) => {
9+
const uniqueTitleId = useId();
10+
const titleId = title ? props.titleId || uniqueTitleId : undefined;
11+
const ariaHidden = titleId ? undefined : true;
12+
13+
return (
14+
<svg
15+
aria-hidden={ariaHidden}
16+
aria-labelledby={titleId}
17+
fill="currentColor"
18+
height={24}
19+
ref={svgRef}
20+
stroke="currentColor"
21+
strokeWidth="0"
22+
viewBox="0 0 24 24"
23+
width={24}
24+
{...props}
25+
>
26+
{title ? <title id={titleId}>{title}</title> : null}
27+
<path d="M8 6h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2" />
28+
</svg>
29+
);
30+
};
31+
const IconWithForwardedRef = forwardRef<SVGSVGElement, IconProps>((iconProps, ref) => (
32+
<Icon {...iconProps} svgRef={ref} />
33+
));
34+
35+
export const StopIcon = memo(createStyledIcon(IconWithForwardedRef));
36+
StopIcon.displayName = 'StopIcon';

‎packages/big-design-icons/src/components/index.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,8 @@ export * from './MoreHorizIcon';
4949
export * from './NotificationsIcon';
5050
export * from './OpenInNewIcon';
5151
export * from './PinIcon';
52+
export * from './PlayArrowIcon';
53+
export * from './PlayCircleIcon';
5254
export * from './ProductsIcon';
5355
export * from './PublicIcon';
5456
export * from './RadioButtonCheckedIcon';
@@ -68,6 +70,8 @@ export * from './SettingsIcon';
6870
export * from './StarBorderIcon';
6971
export * from './StarHalfIcon';
7072
export * from './StarIcon';
73+
export * from './StopCircleIcon';
74+
export * from './StopIcon';
7175
export * from './StoreIcon';
7276
export * from './StorefrontIcon';
7377
export * from './SwapHorizIcon';

‎packages/big-design-icons/svgs/material/play_arrow.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎packages/big-design-icons/svgs/material/play_circle.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎packages/big-design-icons/svgs/material/stop.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎packages/big-design-icons/svgs/material/stop_circle.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)