New and updated icons

.changeset/gentle-rivers-perform.md

@@ -0,0 +1,19 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - IconNote
+  - IconResume
+  - IconDocument
+  - IconDocumentBroken
+  - IconHeart
+---
+
+Update the following icon assets:
+  - `IconNote`
+  - `IconResume`
+  - `IconDocument`
+  - `IconDocumentBroken`
+  - `IconHeart`

.changeset/wild-moose-switch.md

@@ -0,0 +1,19 @@
+---
+'braid-design-system': minor
+---
+
+---
+new:
+  - IconCoverLetter
+  - IconChecklist
+  - IconDisallow
+  - IconBluetooth
+  - IconQR
+---
+
+Add new icons to the library
+  - `IconCoverLetter`
+  - `IconChecklist`
+  - `IconDisallow`
+  - `IconBluetooth`
+  - `IconQR`

packages/braid-design-system/src/lib/components/icons/IconBluetooth/IconBluetooth.docs.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentDocs } from 'site/types';
+import { iconDocumentation } from '../iconCommon.docs';
+import source from '@braid-design-system/source.macro';
+import { IconBluetooth, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconBluetooth />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

packages/braid-design-system/src/lib/components/icons/IconBluetooth/IconBluetooth.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../../Box/Box';
+import { IconContainer, type IconContainerProps } from '../IconContainer';
+import { IconBluetoothSvg } from './IconBluetoothSvg';
+
+export type IconBluetoothProps = IconContainerProps;
+
+export const IconBluetooth = (props: IconBluetoothProps) => (
+  <IconContainer {...props}>
+    {(svgProps) => <Box component={IconBluetoothSvg} {...svgProps} />}
+  </IconContainer>
+);

packages/braid-design-system/src/lib/components/icons/IconChecklist/IconChecklist.docs.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentDocs } from 'site/types';
+import { iconDocumentation } from '../iconCommon.docs';
+import source from '@braid-design-system/source.macro';
+import { IconChecklist, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconChecklist />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

packages/braid-design-system/src/lib/components/icons/IconChecklist/IconChecklist.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../../Box/Box';
+import { IconContainer, type IconContainerProps } from '../IconContainer';
+import { IconChecklistSvg } from './IconChecklistSvg';
+
+export type IconChecklistProps = IconContainerProps;
+
+export const IconChecklist = (props: IconChecklistProps) => (
+  <IconContainer {...props}>
+    {(svgProps) => <Box component={IconChecklistSvg} {...svgProps} />}
+  </IconContainer>
+);

packages/braid-design-system/src/lib/components/icons/IconCoverLetter/IconCoverLetter.docs.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentDocs } from 'site/types';
+import { iconDocumentation } from '../iconCommon.docs';
+import source from '@braid-design-system/source.macro';
+import { IconCoverLetter, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconCoverLetter />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

packages/braid-design-system/src/lib/components/icons/IconCoverLetter/IconCoverLetter.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../../Box/Box';
+import { IconContainer, type IconContainerProps } from '../IconContainer';
+import { IconCoverLetterSvg } from './IconCoverLetterSvg';
+
+export type IconCoverLetterProps = IconContainerProps;
+
+export const IconCoverLetter = (props: IconCoverLetterProps) => (
+  <IconContainer {...props}>
+    {(svgProps) => <Box component={IconCoverLetterSvg} {...svgProps} />}
+  </IconContainer>
+);

packages/braid-design-system/src/lib/components/icons/IconDisallow/IconDisallow.docs.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentDocs } from 'site/types';
+import { iconDocumentation } from '../iconCommon.docs';
+import source from '@braid-design-system/source.macro';
+import { IconDisallow, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconDisallow />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

packages/braid-design-system/src/lib/components/icons/IconDisallow/IconDisallow.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../../Box/Box';
+import { IconContainer, type IconContainerProps } from '../IconContainer';
+import { IconDisallowSvg } from './IconDisallowSvg';
+
+export type IconDisallowProps = IconContainerProps;
+
+export const IconDisallow = (props: IconDisallowProps) => (
+  <IconContainer {...props}>
+    {(svgProps) => <Box component={IconDisallowSvg} {...svgProps} />}
+  </IconContainer>
+);

packages/braid-design-system/src/lib/components/icons/IconQR/IconQR.docs.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentDocs } from 'site/types';
+import { iconDocumentation } from '../iconCommon.docs';
+import source from '@braid-design-system/source.macro';
+import { IconQR, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconQR />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

packages/braid-design-system/src/lib/components/icons/IconQR/IconQR.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '../../Box/Box';
+import { IconContainer, type IconContainerProps } from '../IconContainer';
+import { IconQRSvg } from './IconQRSvg';
+
+export type IconQRProps = IconContainerProps;
+
+export const IconQR = (props: IconQRProps) => (
+  <IconContainer {...props}>
+    {(svgProps) => <Box component={IconQRSvg} {...svgProps} />}
+  </IconContainer>
+);