Skip to content

Add previews for icons in JSDoc in @keystar/ui #1412

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 25, 2025
Merged

Add previews for icons in JSDoc in @keystar/ui #1412

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
5 changes: 5 additions & 0 deletions .changeset/unlucky-goats-pull.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@keystar/ui': patch
---

Add JSDoc previews for icons
50 changes: 35 additions & 15 deletions design-system/pkg/build-icons.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { transform } from '@svgr/core';
import { optimize } from 'svgo';
import _rawIcons from 'lucide-static';
import fs from 'fs/promises';
import path from 'path';
Expand Down Expand Up @@ -34,14 +35,25 @@ async function writeIcons() {
await Promise.all(
icons.map(async icon => {
const name = icon.name[0].toLowerCase() + icon.name.slice(1);
let code = await transform(
icon.data,
{
icon: true,
typescript: true,
expandProps: false,
template: function (variables, context) {
return context.tpl`
const optimized = optimize(icon.data, {
plugins: [
{ name: 'preset-default' },
{
name: 'removeAttrs',
params: { attrs: ['class'] },
},
],
}).data;
let code = (
await transform(
optimized,
{
icon: true,
typescript: true,
expandProps: false,
template: function (variables, context) {
return context.tpl`
/** LOCATION_FOR_REPLACEMENT */
export const ${name} = ${
variables.jsx.children.length === 1
? variables.jsx.children[0]
Expand All @@ -57,14 +69,22 @@ async function writeIcons() {
}
}
`;
},
plugins: ['@svgr/plugin-jsx', '@svgr/plugin-prettier'],
},
plugins: [
'@svgr/plugin-svgo',
'@svgr/plugin-jsx',
'@svgr/plugin-prettier',
],
},
{ componentName: name }
{ componentName: name }
)
).replace(
'LOCATION_FOR_REPLACEMENT',
`![${name}](data:image/svg+xml;base64,${Buffer.from(
optimized
.replace(
/<svg[^>]+>/,
'$&<rect fill="#fff" stroke="#fff" width="24" height="24"/>'
)
.replace(/currentColor/g, '#000'),
'utf8'
).toString('base64')})`
);
await fs.writeFile(path.join(iconOutDir, `${name}.tsx`), code);
})
Expand Down
4 changes: 1 addition & 3 deletions design-system/pkg/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@
"name": "@keystar/ui",
"version": "0.7.17",
"license": "MIT AND Apache-2.0",
"main": "",
"module": "",
"repository": {
"type": "git",
"url": "https://github.com/Thinkmill/keystatic/",
Expand Down Expand Up @@ -1573,7 +1571,6 @@
"@svgr/core": "^6.5.1",
"@svgr/plugin-jsx": "^6.5.1",
"@svgr/plugin-prettier": "^6.5.1",
"@svgr/plugin-svgo": "^6.5.1",
"@testing-library/dom": "^10.4.0",
"@testing-library/react": "^16.2.0",
"@testing-library/user-event": "^14.6.1",
Expand All @@ -1583,6 +1580,7 @@
"next": "^15.1.6",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"svgo": "^3.3.2",
"tsx": "^4.8.2"
},
"peerDependencies": {
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/aArrowDownIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![aArrowDownIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMy41IDEzaDZNMiAxNmw0LjUtOSA0LjUgOU0xOCA3djlNMTQgMTJsNCA0IDQtNCIvPjwvc3ZnPg==) */
export const aArrowDownIcon = (
<path d="M3.5 13h6M2 16l4.5-9 4.5 9M18 7v9M14 12l4 4 4-4" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/aArrowUpIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![aArrowUpIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMy41IDEzaDZNMiAxNmw0LjUtOSA0LjUgOU0xOCAxNlY3TTE0IDExbDQtNCA0IDQiLz48L3N2Zz4=) */
export const aArrowUpIcon = (
<path d="M3.5 13h6M2 16l4.5-9 4.5 9M18 16V7M14 11l4-4 4 4" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/aLargeSmallIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![aLargeSmallIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjEgMTRoLTVNMTYgMTZ2LTMuNWEyLjUgMi41IDAgMCAxIDUgMFYxNk00LjUgMTNoNk0zIDE2bDQuNS05IDQuNSA5Ii8+PC9zdmc+) */
export const aLargeSmallIcon = (
<path d="M21 14h-5M16 16v-3.5a2.5 2.5 0 0 1 5 0V16M4.5 13h6M3 16l4.5-9 4.5 9" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/accessibilityIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![accessibilityIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjQiIHI9IjEiLz48cGF0aCBkPSJtMTggMTkgMS03LTYgMU01IDhsMy0zIDUuNSAzLTIuMzYgMy41TTQuMjQgMTQuNWE1IDUgMCAwIDAgNi44OCA2Ii8+PHBhdGggZD0iTTEzLjc2IDE3LjVhNSA1IDAgMCAwLTYuODgtNiIvPjwvc3ZnPg==) */
export const accessibilityIcon = (
<>
<circle cx={16} cy={4} r={1} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/activityIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
/** ![activityIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjIgMTJoLTRsLTMgOUw5IDNsLTMgOUgyIi8+PC9zdmc+) */
export const activityIcon = <path d="M22 12h-4l-3 9L9 3l-3 9H2" />;
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/activitySquareIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![activitySquareIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjMiIHJ4PSIyIi8+PHBhdGggZD0iTTE3IDEyaC0ybC0yIDUtMi0xMC0yIDVINyIvPjwvc3ZnPg==) */
export const activitySquareIcon = (
<>
<rect width={18} height={18} x={3} y={3} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/airVentIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![airVentIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNiAxMkg0YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ2NWEyIDIgMCAwIDEtMiAyaC0yTTYgOGgxMk0xOC4zIDE3LjdhMi41IDIuNSAwIDAgMS0zLjE2IDMuODMgMi41MyAyLjUzIDAgMCAxLTEuMTQtMlYxMk02LjYgMTUuNkEyIDIgMCAxIDAgMTAgMTd2LTUiLz48L3N2Zz4=) */
export const airVentIcon = (
<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" />
);
3 changes: 2 additions & 1 deletion design-system/pkg/src/icon/icons/airplayIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
/** ![airplayIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNSAxN0g0YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ2MTBhMiAyIDAgMCAxLTIgMmgtMSIvPjxwYXRoIGQ9Im0xMiAxNSA1IDZIN3oiLz48L3N2Zz4=) */
export const airplayIcon = (
<>
<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" />
<path d="m12 15 5 6H7l5-6z" />
<path d="m12 15 5 6H7z" />
</>
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmCheckIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmCheckIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTkgMTNsMiAyIDQtNCIvPjwvc3ZnPg==) */
export const alarmCheckIcon = (
<>
<circle cx={12} cy={13} r={8} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmClockIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmClockIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTEyIDl2NGwyIDJNNSAzIDIgNk0yMiA2bC0zLTNNNi4zOCAxOC43IDQgMjFNMTcuNjQgMTguNjcgMjAgMjEiLz48L3N2Zz4=) */
export const alarmClockIcon = (
<>
<circle cx={12} cy={13} r={8} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmClockMinusIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmClockMinusIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTkgMTNoNiIvPjwvc3ZnPg==) */
export const alarmClockMinusIcon = (
<>
<circle cx={12} cy={13} r={8} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmClockOffIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmClockOffIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNi44NyA2Ljg3YTggOCAwIDEgMCAxMS4yNiAxMS4yNk0xOS45IDE0LjI1YTggOCAwIDAgMC05LjE1LTkuMTVNMjIgNmwtMy0zTTYuMjYgMTguNjcgNCAyMU0yIDJsMjAgMjBNNCA0IDIgNiIvPjwvc3ZnPg==) */
export const alarmClockOffIcon = (
<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" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmClockPlusIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmClockPlusIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTUgMyAyIDZNMjIgNmwtMy0zTTYuMzggMTguNyA0IDIxTTE3LjY0IDE4LjY3IDIwIDIxTTEyIDEwdjZNOSAxM2g2Ii8+PC9zdmc+) */
export const alarmClockPlusIcon = (
<>
<circle cx={12} cy={13} r={8} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alarmSmokeIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alarmSmokeIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNCA4YTIgMiAwIDAgMS0yLTJWM2gyMHYzYTIgMiAwIDAgMS0yIDJaTTE5IDhsLS44IDNjLS4xLjYtLjYgMS0xLjIgMUg3Yy0uNiAwLTEuMS0uNC0xLjItMUw1IDhNMTYgMjFjMC0yLjUgMi0yLjUgMi01TTExIDIxYzAtMi41IDItMi41IDItNU02IDIxYzAtMi41IDItMi41IDItNSIvPjwvc3ZnPg==) */
export const alarmSmokeIcon = (
<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" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/albumIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![albumIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjMiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGQ9Ik0xMSAzdjhsMy0zIDMgM1YzIi8+PC9zdmc+) */
export const albumIcon = (
<>
<rect width={18} height={18} x={3} y={3} rx={2} ry={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alertCircleIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alertCircleIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiA4djRNMTIgMTZoLjAxIi8+PC9zdmc+) */
export const alertCircleIcon = (
<>
<circle cx={12} cy={12} r={10} />
Expand Down
3 changes: 2 additions & 1 deletion design-system/pkg/src/icon/icons/alertOctagonIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alertOctagonIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNNy44NiAyaDguMjhMMjIgNy44NnY4LjI4TDE2LjE0IDIySDcuODZMMiAxNi4xNFY3Ljg2ek0xMiA4djRNMTIgMTZoLjAxIi8+PC9zdmc+) */
export const alertOctagonIcon = (
<path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM12 8v4M12 16h.01" />
<path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86zM12 8v4M12 16h.01" />
);
3 changes: 2 additions & 1 deletion design-system/pkg/src/icon/icons/alertTriangleIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alertTriangleIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJtMjEuNzMgMTgtOC0xNGEyIDIgMCAwIDAtMy40OCAwbC04IDE0QTIgMiAwIDAgMCA0IDIxaDE2YTIgMiAwIDAgMCAxLjczLTNNMTIgOXY0TTEyIDE3aC4wMSIvPjwvc3ZnPg==) */
export const alertTriangleIcon = (
<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" />
<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" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignCenterHorizontalIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignCenterHorizontalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMiAxMmgyME0xMCAxNnY0YTIgMiAwIDAgMS0yIDJINmEyIDIgMCAwIDEtMi0ydi00TTEwIDhWNGEyIDIgMCAwIDAtMi0ySDZhMiAyIDAgMCAwLTIgMnY0TTIwIDE2djFhMiAyIDAgMCAxLTIgMmgtMmEyIDIgMCAwIDEtMi0ydi0xTTE0IDhWN2MwLTEuMS45LTIgMi0yaDJhMiAyIDAgMCAxIDIgMnYxIi8+PC9zdmc+) */
export const alignCenterHorizontalIcon = (
<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" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignCenterIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
/** ![alignCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMjEgNkgzTTE3IDEySDdNMTkgMThINSIvPjwvc3ZnPg==) */
export const alignCenterIcon = <path d="M21 6H3M17 12H7M19 18H5" />;
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignCenterVerticalIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignCenterVerticalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBkPSJNMTIgMnYyME04IDEwSDRhMiAyIDAgMCAxLTItMlY2YzAtMS4xLjktMiAyLTJoNE0xNiAxMGg0YTIgMiAwIDAgMCAyLTJWNmEyIDIgMCAwIDAtMi0yaC00TTggMjBIN2EyIDIgMCAwIDEtMi0ydi0yYzAtMS4xLjktMiAyLTJoMU0xNiAxNGgxYTIgMiAwIDAgMSAyIDJ2MmEyIDIgMCAwIDEtMiAyaC0xIi8+PC9zdmc+) */
export const alignCenterVerticalIcon = (
<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" />
);
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignEndHorizontalIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignEndHorizontalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgeD0iNCIgeT0iMiIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4PSIxNCIgeT0iOSIgcng9IjIiLz48cGF0aCBkPSJNMjIgMjJIMiIvPjwvc3ZnPg==) */
export const alignEndHorizontalIcon = (
<>
<rect width={6} height={16} x={4} y={2} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignEndVerticalIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignEndVerticalIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeD0iMiIgeT0iNCIgcng9IjIiLz48cmVjdCB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB4PSI5IiB5PSIxNCIgcng9IjIiLz48cGF0aCBkPSJNMjIgMjJWMiIvPjwvc3ZnPg==) */
export const alignEndVerticalIcon = (
<>
<rect width={16} height={6} x={2} y={4} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignHorizontalDistributeCenterIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignHorizontalDistributeCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTE3IDIydi01TTE3IDdWMk03IDIydi0zTTcgNVYyIi8+PC9zdmc+) */
export const alignHorizontalDistributeCenterIcon = (
<>
<rect width={6} height={14} x={4} y={5} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignHorizontalDistributeEndIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignHorizontalDistributeEndIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTEwIDJ2MjBNMjAgMnYyMCIvPjwvc3ZnPg==) */
export const alignHorizontalDistributeEndIcon = (
<>
<rect width={6} height={14} x={4} y={5} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignHorizontalDistributeStartIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignHorizontalDistributeStartIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iNCIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTQiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTQgMnYyME0xNCAydjIwIi8+PC9zdmc+) */
export const alignHorizontalDistributeStartIcon = (
<>
<rect width={6} height={14} x={4} y={5} rx={2} />
Expand Down
1 change: 1 addition & 0 deletions design-system/pkg/src/icon/icons/alignHorizontalJustifyCenterIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/** ![alignHorizontalJustifyCenterIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3QgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgeD0iMiIgeT0iNSIgcng9IjIiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeD0iMTYiIHk9IjciIHJ4PSIyIi8+PHBhdGggZD0iTTEyIDJ2MjAiLz48L3N2Zz4=) */
export const alignHorizontalJustifyCenterIcon = (
<>
<rect width={6} height={14} x={2} y={5} rx={2} />
Expand Down
Loading