Skip to content

Commit e00426a

Browse files
mkernohanbcCopilot
mkernohanbc
and
Copilot
authored
Add Code Connect mappings for icons (#761)
* add Code Connect mappings for SvgBcLogo and SvgPlaceholderIcon * add icon component mappings * fix typos Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * align component names and IDs Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * tweak icon IDs --------- Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
1 parent bb8bdf8 commit e00426a

17 files changed

Lines changed: 226 additions & 2 deletions

File tree

‎packages/react-components/src/components/Calendar/Calendar.figma.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=15871%3A6832
22
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Calendar/Calendar.tsx
3-
// component=Calendar
3+
// component=Calendar icon
44

55
import figma from "figma";
66

@@ -13,7 +13,7 @@ const visibleDuration = figma.selectedInstance.getEnum("Visible months", {
1313
});
1414

1515
export default {
16-
id: "Calendar",
16+
id: "Calendar icon",
1717
imports: [
1818
"import { Calendar } from '@bcgov/design-system-react-components';",
1919
],

‎packages/react-components/src/components/Icons/SvgBcLogo/SvgBcLogo.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1788&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgBcLogo/SvgBcLogo.tsx
3+
// component=BC Logo
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "BC Logo",
9+
imports: [
10+
"import { SvgBcLogo } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgBcLogo />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=5124-1014&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.tsx
3+
// component=BC Outline
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "BC Outline",
9+
imports: [
10+
"import { SvgBcOutlineIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgBcOutlineIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgCalendarIcon/SvgCalendarIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=14595-5333&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgCalendarIcon/SvgCalendarIcon.tsx
3+
// component=Calendar
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Calendar",
9+
imports: [
10+
"import { SvgCalendarIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgCalendarIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1752&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.tsx
3+
// component=Check circle
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Check circle",
9+
imports: [
10+
"import { SvgCheckCircleIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgCheckCircleIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgCheckIcon/SvgCheckIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1754&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgCheckIcon/SvgCheckIcon.tsx
3+
// component=Check
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Check",
9+
imports: [
10+
"import { SvgCheckIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgCheckIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1738&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.tsx
3+
// component=Chevron down icon
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Chevron down icon",
9+
imports: [
10+
"import { SvgChevronDownIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgChevronDownIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgChevronLeftIcon/SvgChevronLeftIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1740&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgChevronLeftIcon/SvgChevronLeftIcon.tsx
3+
// component=Chevron left icon
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Chevron left icon",
9+
imports: [
10+
"import { SvgChevronLeftIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgChevronLeftIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgChevronRightIcon/SvgChevronRightIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1742&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgChevronRightIcon/SvgChevronRightIcon.tsx
3+
// component=Chevron right icon
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Chevron right icon",
9+
imports: [
10+
"import { SvgChevronRightIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgChevronRightIcon />`,
13+
metadata: { nestable: true },
14+
};

‎packages/react-components/src/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.figma.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// url=https://www.figma.com/design/6BAmnRmL9FXxY2bkkSYiQj/B.C.-Design-System?node-id=3351-1744&t=yPX74R4GVseHsAvd-4
2+
// source=https://github.com/bcgov/design-system/blob/main/packages/react-components/src/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.tsx
3+
// component=Chevron up icon
4+
5+
import figma from "figma";
6+
7+
export default {
8+
id: "Chevron up icon",
9+
imports: [
10+
"import { SvgChevronUpIcon } from '@bcgov/design-system-react-components';",
11+
],
12+
example: figma.code`<SvgChevronUpIcon />`,
13+
metadata: { nestable: true },
14+
};

0 commit comments

Comments
 (0)