IconLicence: Add component

.changeset/beige-eels-cheer.md

@@ -0,0 +1,17 @@
+---
+'braid-design-system': minor
+---
+
+---
+updated:
+  - IconLicence
+---
+
+**IconLicence:** Add component
+
+Add `IconLicence` to icon suite
+
+**EXAMPLE USAGE:**
+```jsx
+<IconLicence />
+```

packages/braid-design-system/src/lib/components/icons/IconLicence/IconLicence.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 { IconLicence, Heading, Stack } from '../../';
+
+const docs: ComponentDocs = {
+  category: 'Icon',
+  Example: () =>
+    source(
+      <Stack space="none" align="center">
+        <Heading component="div" level="1">
+          <IconLicence />
+        </Heading>
+      </Stack>,
+    ),
+  alternatives: [],
+  additional: [iconDocumentation],
+};
+
+export default docs;

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

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

packages/braid-design-system/src/lib/components/icons/__snapshots__/icons.test.ts.snap

@@ -1050,6 +1050,32 @@ export const IconLanguageSvg = ({ title, titleId, ...props }: SVGProps) => (
 "
 `;
 
+exports[`IconLicenceSvg should match snapshot 1`] = `
+"import React from 'react';
+
+import type { SVGProps } from '../SVGTypes';
+
+export const IconLicenceSvg = ({ title, titleId, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    focusable="false"
+    fill="currentColor"
+    width={16}
+    height={16}
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M19 4H5C3.346 4 2 5.346 2 7v10c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10Z" />
+    <path d="M17 8h-3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2Zm0 4h-3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2Z" />
+    <circle cx={9} cy={10} r={2} />
+    <path d="M10 13H8a2 2 0 0 0-2 2v1h6v-1a2 2 0 0 0-2-2Z" />
+  </svg>
+);
+"
+`;
+
 exports[`IconLinkBrokenSvg should match snapshot 1`] = `
 "import React from 'react';
 

packages/braid-design-system/src/lib/components/icons/index.ts

@@ -37,6 +37,7 @@ export { IconImage } from './IconImage/IconImage';
 export { IconInfo } from './IconInfo/IconInfo';
 export { IconInvoice } from './IconInvoice/IconInvoice';
 export { IconLanguage } from './IconLanguage/IconLanguage';
+export { IconLicence } from './IconLicence/IconLicence';
 export { IconLink } from './IconLink/IconLink';
 export { IconLinkBroken } from './IconLinkBroken/IconLinkBroken';
 export { IconList } from './IconList/IconList';

packages/generate-component-docs/src/__snapshots__/contract.test.ts.snap

@@ -4738,6 +4738,37 @@ exports[`IconLanguage 1`] = `
 }
 `;
 
+exports[`IconLicence 1`] = `
+{
+  exportType: component,
+  props: {
+    alignY?: 
+        | "lowercase"
+        | "uppercase"
+    data?: DataAttributeMap
+    size?: 
+        | "fill"
+        | "large"
+        | "small"
+        | "standard"
+        | "xsmall"
+    title?: string
+    titleId?: string
+    tone?: 
+        | "brandAccent"
+        | "caution"
+        | "critical"
+        | "formAccent"
+        | "info"
+        | "link"
+        | "neutral"
+        | "positive"
+        | "promote"
+        | "secondary"
+},
+}
+`;
+
 exports[`IconLink 1`] = `
 {
   exportType: component,

site/src/App/routes/foundations/iconography/iconsKeywords.ts

@@ -51,6 +51,14 @@ export const iconsKeywords: Record<IconName, NonEmptyArray<string>> = {
   IconInvoice: ['bill', 'payment', 'receipt'],
   IconLanguage: ['translate', 'letters'],
   IconLink: ['chain'],
+  IconLicence: [
+    'card',
+    'permit',
+    'identity',
+    'identification',
+    'certification',
+    'license',
+  ],
   IconLinkBroken: ['brokenlink', 'chain', 'broken', 'error'],
   IconList: ['lines', 'queue', 'stack'],
   IconLocation: ['pin', 'marker', 'place', 'map', 'gps'],