Skip to content

Commit 25351ae

Browse files
emmatownemmatown
authored
Add previews for icons in JSDoc in @keystar/ui (#1412)
1 parent 35f8ad0 commit 25351ae

File tree

1,411 files changed

+1836
-398
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,411 files changed

+1836
-398
lines changed

‎.changeset/unlucky-goats-pull.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@keystar/ui': patch
3+
---
4+
5+
Add JSDoc previews for icons

‎design-system/pkg/build-icons.ts

+35-15
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { transform } from '@svgr/core';
2+
import { optimize } from 'svgo';
23
import _rawIcons from 'lucide-static';
34
import fs from 'fs/promises';
45
import path from 'path';
@@ -34,14 +35,25 @@ async function writeIcons() {
3435
await Promise.all(
3536
icons.map(async icon => {
3637
const name = icon.name[0].toLowerCase() + icon.name.slice(1);
37-
let code = await transform(
38-
icon.data,
39-
{
40-
icon: true,
41-
typescript: true,
42-
expandProps: false,
43-
template: function (variables, context) {
44-
return context.tpl`
38+
const optimized = optimize(icon.data, {
39+
plugins: [
40+
{ name: 'preset-default' },
41+
{
42+
name: 'removeAttrs',
43+
params: { attrs: ['class'] },
44+
},
45+
],
46+
}).data;
47+
let code = (
48+
await transform(
49+
optimized,
50+
{
51+
icon: true,
52+
typescript: true,
53+
expandProps: false,
54+
template: function (variables, context) {
55+
return context.tpl`
56+
/** LOCATION_FOR_REPLACEMENT */
4557
export const ${name} = ${
4658
variables.jsx.children.length === 1
4759
? variables.jsx.children[0]
@@ -57,14 +69,22 @@ async function writeIcons() {
5769
}
5870
}
5971
`;
72+
},
73+
plugins: ['@svgr/plugin-jsx', '@svgr/plugin-prettier'],
6074
},
61-
plugins: [
62-
'@svgr/plugin-svgo',
63-
'@svgr/plugin-jsx',
64-
'@svgr/plugin-prettier',
65-
],
66-
},
67-
{ componentName: name }
75+
{ componentName: name }
76+
)
77+
).replace(
78+
'LOCATION_FOR_REPLACEMENT',
79+
`![${name}](data:image/svg+xml;base64,${Buffer.from(
80+
optimized
81+
.replace(
82+
/<svg[^>]+>/,
83+
'$&<rect fill="#fff" stroke="#fff" width="24" height="24"/>'
84+
)
85+
.replace(/currentColor/g, '#000'),
86+
'utf8'
87+
).toString('base64')})`
6888
);
6989
await fs.writeFile(path.join(iconOutDir, `${name}.tsx`), code);
7090
})

‎design-system/pkg/package.json

+1-3
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
"name": "@keystar/ui",
33
"version": "0.7.17",
44
"license": "MIT AND Apache-2.0",
5-
"main": "",
6-
"module": "",
75
"repository": {
86
"type": "git",
97
"url": "https://github.com/Thinkmill/keystatic/",
@@ -1573,7 +1571,6 @@
15731571
"@svgr/core": "^6.5.1",
15741572
"@svgr/plugin-jsx": "^6.5.1",
15751573
"@svgr/plugin-prettier": "^6.5.1",
1576-
"@svgr/plugin-svgo": "^6.5.1",
15771574
"@testing-library/dom": "^10.4.0",
15781575
"@testing-library/react": "^16.2.0",
15791576
"@testing-library/user-event": "^14.6.1",
@@ -1583,6 +1580,7 @@
15831580
"next": "^15.1.6",
15841581
"react": "^19.0.0",
15851582
"react-dom": "^19.0.0",
1583+
"svgo": "^3.3.2",
15861584
"tsx": "^4.8.2"
15871585
},
15881586
"peerDependencies": {

‎design-system/pkg/src/icon/icons/aArrowDownIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![aArrowDownIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMy41IDEzaDZNMiAxNmw0LjUtOSA0LjUgOU0xOCA3djlNMTQgMTJsNCA0IDQtNCIvPjwvc3ZnPg==) */
12
export const aArrowDownIcon = (
23
<path d="M3.5 13h6M2 16l4.5-9 4.5 9M18 7v9M14 12l4 4 4-4" />
34
);

‎design-system/pkg/src/icon/icons/aArrowUpIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![aArrowUpIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMy41IDEzaDZNMiAxNmw0LjUtOSA0LjUgOU0xOCAxNlY3TTE0IDExbDQtNCA0IDQiLz48L3N2Zz4=) */
12
export const aArrowUpIcon = (
23
<path d="M3.5 13h6M2 16l4.5-9 4.5 9M18 16V7M14 11l4-4 4 4" />
34
);

‎design-system/pkg/src/icon/icons/aLargeSmallIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![aLargeSmallIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjEgMTRoLTVNMTYgMTZ2LTMuNWEyLjUgMi41IDAgMCAxIDUgMFYxNk00LjUgMTNoNk0zIDE2bDQuNS05IDQuNSA5Ii8+PC9zdmc+) */
12
export const aLargeSmallIcon = (
23
<path d="M21 14h-5M16 16v-3.5a2.5 2.5 0 0 1 5 0V16M4.5 13h6M3 16l4.5-9 4.5 9" />
34
);

‎design-system/pkg/src/icon/icons/accessibilityIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![accessibilityIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjQiIHI9IjEiLz48cGF0aCBkPSJtMTggMTkgMS03LTYgMU01IDhsMy0zIDUuNSAzLTIuMzYgMy41TTQuMjQgMTQuNWE1IDUgMCAwIDAgNi44OCA2Ii8+PHBhdGggZD0iTTEzLjc2IDE3LjVhNSA1IDAgMCAwLTYuODgtNiIvPjwvc3ZnPg==) */
12
export const accessibilityIcon = (
23
<>
34
<circle cx={16} cy={4} r={1} />

‎design-system/pkg/src/icon/icons/activityIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1+
/** ![activityIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjIgMTJoLTRsLTMgOUw5IDNsLTMgOUgyIi8+PC9zdmc+) */
12
export const activityIcon = <path d="M22 12h-4l-3 9L9 3l-3 9H2" />;

‎design-system/pkg/src/icon/icons/activitySquareIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![activitySquareIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjMiIHJ4PSIyIi8+PHBhdGggZD0iTTE3IDEyaC0ybC0yIDUtMi0xMC0yIDVINyIvPjwvc3ZnPg==) */
12
export const activitySquareIcon = (
23
<>
34
<rect width={18} height={18} x={3} y={3} rx={2} />

‎design-system/pkg/src/icon/icons/airVentIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![airVentIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNiAxMkg0YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ2NWEyIDIgMCAwIDEtMiAyaC0yTTYgOGgxMk0xOC4zIDE3LjdhMi41IDIuNSAwIDAgMS0zLjE2IDMuODMgMi41MyAyLjUzIDAgMCAxLTEuMTQtMlYxMk02LjYgMTUuNkEyIDIgMCAxIDAgMTAgMTd2LTUiLz48L3N2Zz4=) */
12
export const airVentIcon = (
23
<path d="M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 8h12M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12M6.6 15.6A2 2 0 1 0 10 17v-5" />
34
);

‎design-system/pkg/src/icon/icons/airplayIcon.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
1+
/** ![airplayIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNSAxN0g0YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ2MTBhMiAyIDAgMCAxLTIgMmgtMSIvPjxwYXRoIGQ9Im0xMiAxNSA1IDZIN3oiLz48L3N2Zz4=) */
12
export const airplayIcon = (
23
<>
34
<path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1" />
4-
<path d="m12 15 5 6H7l5-6z" />
5+
<path d="m12 15 5 6H7z" />
56
</>
67
);

‎design-system/pkg/src/icon/icons/alarmCheckIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmCheckIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTkgMTNsMiAyIDQtNCIvPjwvc3ZnPg==) */
12
export const alarmCheckIcon = (
23
<>
34
<circle cx={12} cy={13} r={8} />

‎design-system/pkg/src/icon/icons/alarmClockIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmClockIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTEyIDl2NGwyIDJNNSAzIDIgNk0yMiA2bC0zLTNNNi4zOCAxOC43IDQgMjFNMTcuNjQgMTguNjcgMjAgMjEiLz48L3N2Zz4=) */
12
export const alarmClockIcon = (
23
<>
34
<circle cx={12} cy={13} r={8} />

‎design-system/pkg/src/icon/icons/alarmClockMinusIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmClockMinusIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTkgMTNoNiIvPjwvc3ZnPg==) */
12
export const alarmClockMinusIcon = (
23
<>
34
<circle cx={12} cy={13} r={8} />

‎design-system/pkg/src/icon/icons/alarmClockOffIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmClockOffIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNi44NyA2Ljg3YTggOCAwIDEgMCAxMS4yNiAxMS4yNk0xOS45IDE0LjI1YTggOCAwIDAgMC05LjE1LTkuMTVNMjIgNmwtMy0zTTYuMjYgMTguNjcgNCAyMU0yIDJsMjAgMjBNNCA0IDIgNiIvPjwvc3ZnPg==) */
12
export const alarmClockOffIcon = (
23
<path d="M6.87 6.87a8 8 0 1 0 11.26 11.26M19.9 14.25a8 8 0 0 0-9.15-9.15M22 6l-3-3M6.26 18.67 4 21M2 2l20 20M4 4 2 6" />
34
);

‎design-system/pkg/src/icon/icons/alarmClockPlusIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmClockPlusIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTEyIDEwdjZNOSAxM2g2Ii8+PC9zdmc+) */
12
export const alarmClockPlusIcon = (
23
<>
34
<circle cx={12} cy={13} r={8} />

‎design-system/pkg/src/icon/icons/alarmSmokeIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alarmSmokeIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNCA4YTIgMiAwIDAgMS0yLTJWM2gyMHYzYTIgMiAwIDAgMS0yIDJaTTE5IDhsLS44IDNjLS4xLjYtLjYgMS0xLjIgMUg3Yy0uNiAwLTEuMS0uNC0xLjItMUw1IDhNMTYgMjFjMC0yLjUgMi0yLjUgMi01TTExIDIxYzAtMi41IDItMi41IDItNU02IDIxYzAtMi41IDItMi41IDItNSIvPjwvc3ZnPg==) */
12
export const alarmSmokeIcon = (
23
<path d="M4 8a2 2 0 0 1-2-2V3h20v3a2 2 0 0 1-2 2ZM19 8l-.8 3c-.1.6-.6 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L5 8M16 21c0-2.5 2-2.5 2-5M11 21c0-2.5 2-2.5 2-5M6 21c0-2.5 2-2.5 2-5" />
34
);

‎design-system/pkg/src/icon/icons/albumIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![albumIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjMiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGQ9Ik0xMSAzdjhsMy0zIDMgM1YzIi8+PC9zdmc+) */
12
export const albumIcon = (
23
<>
34
<rect width={18} height={18} x={3} y={3} rx={2} ry={2} />

‎design-system/pkg/src/icon/icons/alertCircleIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alertCircleIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiA4djRNMTIgMTZoLjAxIi8+PC9zdmc+) */
12
export const alertCircleIcon = (
23
<>
34
<circle cx={12} cy={12} r={10} />

‎design-system/pkg/src/icon/icons/alertOctagonIcon.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alertOctagonIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNy44NiAyaDguMjhMMjIgNy44NnY4LjI4TDE2LjE0IDIySDcuODZMMiAxNi4xNFY3Ljg2ek0xMiA4djRNMTIgMTZoLjAxIi8+PC9zdmc+) */
12
export const alertOctagonIcon = (
2-
<path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM12 8v4M12 16h.01" />
3+
<path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86zM12 8v4M12 16h.01" />
34
);

‎design-system/pkg/src/icon/icons/alertTriangleIcon.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alertTriangleIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJtMjEuNzMgMTgtOC0xNGEyIDIgMCAwIDAtMy40OCAwbC04IDE0QTIgMiAwIDAgMCA0IDIxaDE2YTIgMiAwIDAgMCAxLjczLTNNMTIgOXY0TTEyIDE3aC4wMSIvPjwvc3ZnPg==) */
12
export const alertTriangleIcon = (
2-
<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3ZM12 9v4M12 17h.01" />
3+
<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01" />
34
);

‎design-system/pkg/src/icon/icons/alignCenterHorizontalIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignCenterHorizontalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMiAxMmgyME0xMCAxNnY0YTIgMiAwIDAgMS0yIDJINmEyIDIgMCAwIDEtMi0ydi00TTEwIDhWNGEyIDIgMCAwIDAtMi0ySDZhMiAyIDAgMCAwLTIgMnY0TTIwIDE2djFhMiAyIDAgMCAxLTIgMmgtMmEyIDIgMCAwIDEtMi0ydi0xTTE0IDhWN2MwLTEuMS45LTIgMi0yaDJhMiAyIDAgMCAxIDIgMnYxIi8+PC9zdmc+) */
12
export const alignCenterHorizontalIcon = (
23
<path d="M2 12h20M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1" />
34
);

‎design-system/pkg/src/icon/icons/alignCenterIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1+
/** ![alignCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjEgNkgzTTE3IDEySDdNMTkgMThINSIvPjwvc3ZnPg==) */
12
export const alignCenterIcon = <path d="M21 6H3M17 12H7M19 18H5" />;

‎design-system/pkg/src/icon/icons/alignCenterVerticalIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignCenterVerticalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMTIgMnYyME04IDEwSDRhMiAyIDAgMCAxLTItMlY2YzAtMS4xLjktMiAyLTJoNE0xNiAxMGg0YTIgMiAwIDAgMCAyLTJWNmEyIDIgMCAwIDAtMi0yaC00TTggMjBIN2EyIDIgMCAwIDEtMi0ydi0yYzAtMS4xLjktMiAyLTJoMU0xNiAxNGgxYTIgMiAwIDAgMSAyIDJ2MmEyIDIgMCAwIDEtMiAyaC0xIi8+PC9zdmc+) */
12
export const alignCenterVerticalIcon = (
23
<path d="M12 2v20M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1" />
34
);

‎design-system/pkg/src/icon/icons/alignEndHorizontalIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignEndHorizontalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgeD0iNCIgeT0iMiIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4PSIxNCIgeT0iOSIgcng9IjIiLz48cGF0aCBkPSJNMjIgMjJIMiIvPjwvc3ZnPg==) */
12
export const alignEndHorizontalIcon = (
23
<>
34
<rect width={6} height={16} x={4} y={2} rx={2} />

‎design-system/pkg/src/icon/icons/alignEndVerticalIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignEndVerticalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeD0iMiIgeT0iNCIgcng9IjIiLz48cmVjdCB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB4PSI5IiB5PSIxNCIgcng9IjIiLz48cGF0aCBkPSJNMjIgMjJWMiIvPjwvc3ZnPg==) */
12
export const alignEndVerticalIcon = (
23
<>
34
<rect width={16} height={6} x={2} y={4} rx={2} />

‎design-system/pkg/src/icon/icons/alignHorizontalDistributeCenterIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignHorizontalDistributeCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTE3IDIydi01TTE3IDdWMk03IDIydi0zTTcgNVYyIi8+PC9zdmc+) */
12
export const alignHorizontalDistributeCenterIcon = (
23
<>
34
<rect width={6} height={14} x={4} y={5} rx={2} />

‎design-system/pkg/src/icon/icons/alignHorizontalDistributeEndIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignHorizontalDistributeEndIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTEwIDJ2MjBNMjAgMnYyMCIvPjwvc3ZnPg==) */
12
export const alignHorizontalDistributeEndIcon = (
23
<>
34
<rect width={6} height={14} x={4} y={5} rx={2} />

‎design-system/pkg/src/icon/icons/alignHorizontalDistributeStartIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignHorizontalDistributeStartIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTQgMnYyME0xNCAydjIwIi8+PC9zdmc+) */
12
export const alignHorizontalDistributeStartIcon = (
23
<>
34
<rect width={6} height={14} x={4} y={5} rx={2} />

‎design-system/pkg/src/icon/icons/alignHorizontalJustifyCenterIcon.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/** ![alignHorizontalJustifyCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iMiIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTYiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTEyIDJ2MjAiLz48L3N2Zz4=) */
12
export const alignHorizontalJustifyCenterIcon = (
23
<>
34
<rect width={6} height={14} x={2} y={5} rx={2} />

0 commit comments

Comments
 (0)