Skip to content

Commit cfd5e3a

Browse files
Merge pull request #41 from storybookjs/m/add-bug-and-more
add bug icon
2 parents 3673633 + a0d23b0 commit cfd5e3a

17 files changed

+213
-23
lines changed

src/iconList.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ export const iconList = [
2424
'SwitchAltIcon',
2525
'ContrastIgnoredIcon',
2626
'PaintBrushIcon',
27+
'PaintBrushAltIcon',
2728
'RulerIcon',
2829
'CameraIcon',
2930
'VideoIcon',
@@ -189,6 +190,9 @@ export const iconList = [
189190
'PointerHandIcon',
190191
'CommandIcon',
191192
'SaveIcon',
193+
'SortDownIcon',
194+
'SortUpIcon',
195+
'BugIcon',
192196
]
193197
},
194198
{
@@ -232,6 +236,7 @@ export const iconList = [
232236
'StatusIcon',
233237
'StatusWarnIcon',
234238
'StatusPassIcon',
239+
'GiftIcon',
235240
]
236241
},
237242
{

src/icons/BugIcon.stories.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import type { Meta, StoryObj } from '@storybook/react';
2+
3+
import { BugIcon } from './BugIcon';
4+
5+
const meta: Meta<typeof BugIcon> = {
6+
component: BugIcon,
7+
};
8+
9+
export default meta;
10+
type Story = StoryObj<typeof BugIcon>;
11+
12+
export const Default: Story = { args: { size: 100 } };

src/icons/BugIcon.tsx

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import * as React from 'react';
2+
import { IconProps } from '../types';
3+
4+
export const BugIcon = /* @__PURE__ */ React.forwardRef<
5+
SVGSVGElement,
6+
IconProps
7+
>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
8+
return (
9+
<svg
10+
width={size}
11+
height={size}
12+
viewBox="0 0 14 14"
13+
fill="none"
14+
xmlns="http://www.w3.org/2000/svg"
15+
ref={forwardedRef}
16+
{...props}
17+
>
18+
<path
19+
fillRule="evenodd"
20+
clipRule="evenodd"
21+
d="M11 0a.5.5 0 010 1 2 2 0 00-1.987 1.78C9.618 3.33 10 4.12 10 5a3 3 0 003-3 .5.5 0 011 0 4.002 4.002 0 01-3 3.874V7h2.5a.5.5 0 010 1H11v.626c1.725.444 3 2.01 3 3.874a.5.5 0 01-1 0 3 3 0 00-2.055-2.846 4 4 0 01-7.891 0A3 3 0 001 12.5a.5.5 0 01-1 0 4.002 4.002 0 013-3.874V8H.5a.5.5 0 010-1H3V5.874A4.002 4.002 0 010 2a.5.5 0 011 0 3 3 0 003 3c0-.88.382-1.67.986-2.22A1.999 1.999 0 003 1a.5.5 0 010-1c1.384 0 2.545.938 2.892 2.213a2.99 2.99 0 012.215 0A2.999 2.999 0 0111 0zM4 9a3 3 0 002.5 2.958V6H4v3zm3.5 2.958A3 3 0 0010 9V6H7.5v5.958zM7 3a2 2 0 00-2 2h4a2 2 0 00-2-2z"
22+
fill={color}
23+
/>
24+
</svg>
25+
);
26+
});

src/icons/CameraStabilizeIcon.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,14 @@ export const CameraStabilizeIcon = /* @__PURE__ */ React.forwardRef<
1515
ref={forwardedRef}
1616
{...props}
1717
>
18-
<g clipPath="url(#prefix__clip0_2484_400)">
18+
<g clipPath="url(#prefix__clip0_2484_400)" fill={color}>
19+
<path d="M2.5 1A1.5 1.5 0 001 2.5v1a.5.5 0 01-1 0v-1A2.5 2.5 0 012.5 0h1a.5.5 0 010 1h-1zM8 7a1 1 0 11-2 0 1 1 0 012 0z" />
1920
<path
2021
fillRule="evenodd"
2122
clipRule="evenodd"
22-
d="M2.5 1A1.5 1.5 0 001 2.5v1a.5.5 0 01-1 0v-1A2.5 2.5 0 012.5 0h1a.5.5 0 010 1h-1zm3.352 1.223A.5.5 0 016.268 2h1.464a.5.5 0 01.416.223L9.333 4H11.5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-9a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h2.167l1.185-1.777zM11.5 1A1.5 1.5 0 0113 2.5v1a.5.5 0 001 0v-1A2.5 2.5 0 0011.5 0h-1a.5.5 0 000 1h1zm-9 12A1.5 1.5 0 011 11.5v-1a.5.5 0 00-1 0v1A2.5 2.5 0 002.5 14h1a.5.5 0 000-1h-1zm9 0a1.5 1.5 0 001.5-1.5v-1a.5.5 0 011 0v1a2.5 2.5 0 01-2.5 2.5h-1a.5.5 0 010-1h1zM8 7a1 1 0 11-2 0 1 1 0 012 0zm1 0a2 2 0 11-4 0 2 2 0 014 0z"
23-
fill={color}
23+
d="M5.852 2.223A.5.5 0 016.268 2h1.464a.5.5 0 01.416.223L9.333 4H11.5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-9a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h2.167l1.185-1.777zM9 7a2 2 0 11-4 0 2 2 0 014 0z"
2424
/>
25+
<path d="M11.5 1A1.5 1.5 0 0113 2.5v1a.5.5 0 001 0v-1A2.5 2.5 0 0011.5 0h-1a.5.5 0 000 1h1zM2.5 13A1.5 1.5 0 011 11.5v-1a.5.5 0 00-1 0v1A2.5 2.5 0 002.5 14h1a.5.5 0 000-1h-1zM11.5 13a1.5 1.5 0 001.5-1.5v-1a.5.5 0 011 0v1a2.5 2.5 0 01-2.5 2.5h-1a.5.5 0 010-1h1z" />
2526
</g>
2627
<defs>
2728
<clipPath id="prefix__clip0_2484_400">

src/icons/DirectionIcon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export const DirectionIcon = /* @__PURE__ */ React.forwardRef<
1717
>
1818
<g clipPath="url(#prefix__clip0_1107_3594)">
1919
<path
20-
d="M11.451.537l.01 12.922h0L7.61 8.946a1.077 1.077 0 00-.73-.374L.964 8.087 11.45.537h0z"
20+
d="M11.451.537l.01 12.922L7.61 8.946a1.078 1.078 0 00-.731-.374L.965 8.087 11.45.537z"
2121
stroke={color}
2222
strokeWidth={1.077}
2323
/>

src/icons/GiftIcon.stories.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import type { Meta, StoryObj } from '@storybook/react';
2+
3+
import { GiftIcon } from './GiftIcon';
4+
5+
const meta: Meta<typeof GiftIcon> = {
6+
component: GiftIcon,
7+
};
8+
9+
export default meta;
10+
type Story = StoryObj<typeof GiftIcon>;
11+
12+
export const Default: Story = { args: { size: 100 } };

src/icons/GiftIcon.tsx

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import * as React from 'react';
2+
import { IconProps } from '../types';
3+
4+
export const GiftIcon = /* @__PURE__ */ React.forwardRef<
5+
SVGSVGElement,
6+
IconProps
7+
>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
8+
return (
9+
<svg
10+
width={size}
11+
height={size}
12+
viewBox="0 0 14 14"
13+
fill="none"
14+
xmlns="http://www.w3.org/2000/svg"
15+
ref={forwardedRef}
16+
{...props}
17+
>
18+
<path
19+
fillRule="evenodd"
20+
clipRule="evenodd"
21+
d="M9 0a2.5 2.5 0 011.997 4H12.5A1.5 1.5 0 0114 5.5v1c0 .653-.418 1.206-1 1.412V11.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 011 11.5V7.912c-.582-.206-1-.76-1-1.412v-1A1.5 1.5 0 011.5 4h1.883A2.234 2.234 0 013 2.75c0-.6.208-1.142.597-1.535.39-.394.93-.607 1.533-.607.637 0 1.197.349 1.602.843A2.498 2.498 0 019 0zM7.5 12h4a.5.5 0 00.5-.5V8H7.5v4zM2 11.5a.5.5 0 00.5.5h4V8H2v3.5zM7.5 7h5a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-5v2zm-6-2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h5V5h-5zm3.63-3.392c-.363 0-.639.125-.822.31-.184.187-.308.466-.308.832C4 3.44 4.56 4 5.25 4H6.5v-.25c0-.648-.197-1.203-.477-1.585-.283-.388-.616-.557-.893-.557zM9 1a1.5 1.5 0 00-1.5 1.5V4H9a1.5 1.5 0 100-3z"
22+
fill={color}
23+
/>
24+
</svg>
25+
);
26+
});

src/icons/InfoIcon.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,18 @@ export const InfoIcon = /* @__PURE__ */ React.forwardRef<
1616
{...props}
1717
>
1818
<path
19-
d="M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z"
19+
fillRule="evenodd"
20+
clipRule="evenodd"
21+
d="M7 13A6 6 0 107 1a6 6 0 000 12zm0 1A7 7 0 107 0a7 7 0 000 14z"
2022
fill={color}
2123
/>
2224
<path
2325
fillRule="evenodd"
2426
clipRule="evenodd"
25-
d="M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z"
27+
d="M7 5.5a.5.5 0 01.5.5v4.5a.5.5 0 01-1 0V6a.5.5 0 01.5-.5z"
2628
fill={color}
2729
/>
30+
<path d="M7.75 3.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" fill={color} />
2831
</svg>
2932
);
3033
});
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import type { Meta, StoryObj } from '@storybook/react';
2+
3+
import { PaintBrushAltIcon } from './PaintBrushAltIcon';
4+
5+
const meta: Meta<typeof PaintBrushAltIcon> = {
6+
component: PaintBrushAltIcon,
7+
};
8+
9+
export default meta;
10+
type Story = StoryObj<typeof PaintBrushAltIcon>;
11+
12+
export const Default: Story = { args: { size: 100 } };

src/icons/PaintBrushAltIcon.tsx

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import * as React from 'react';
2+
import { IconProps } from '../types';
3+
4+
export const PaintBrushAltIcon = /* @__PURE__ */ React.forwardRef<
5+
SVGSVGElement,
6+
IconProps
7+
>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
8+
return (
9+
<svg
10+
width={size}
11+
height={size}
12+
viewBox="0 0 14 14"
13+
fill="none"
14+
xmlns="http://www.w3.org/2000/svg"
15+
ref={forwardedRef}
16+
{...props}
17+
>
18+
<path
19+
fillRule="evenodd"
20+
clipRule="evenodd"
21+
d="M10.027.271a.752.752 0 01.947 0l.057.052 2.646 2.647.052.056a.752.752 0 010 .948l-.052.056-4.47 4.47 1.147 1.146.293-.293a.5.5 0 01.707 0l2.293 2.293a.5.5 0 010 .707l-1.293 1.293-.078.065a.502.502 0 01-.55 0l-.08-.065-2.292-2.293a.5.5 0 010-.707l.293-.293L8.324 9.03a.75.75 0 010-1.06l4.47-4.47L10.5 1.207l-.647.646.086.086a1.5 1.5 0 010 2.122L4.5 9.5l-.177.183C2.592 11.53 4 12.03 4 13a1 1 0 01-2 0c0-1 1.464-1.537 0-3l.003-.004-.063-.057-.879-.879a1.5 1.5 0 01-.103-2.006l.103-.115L6.94 1.061a1.5 1.5 0 012.121 0l.086.085.823-.823.057-.052zM10.415 11L12 12.586l.585-.586-1.585-1.586-.586.586zM8.354 1.768a.5.5 0 00-.629-.064l-.078.064L2.32 7.094c.782.138 2.263-.097 3.52-.349l3.393-3.392.063-.078a.501.501 0 000-.55l-.063-.079-.879-.878z"
22+
fill={color}
23+
/>
24+
</svg>
25+
);
26+
});

0 commit comments

Comments
 (0)