Skip to content
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

Generate React component for each icon #90

Merged
merged 6 commits into from
Jul 12, 2024
Merged

Generate React component for each icon #90

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2ed6293
Generate React components for each SVG icon
sandhose Jun 20, 2024
8f7e9aa
Regenerate icons
sandhose Jun 20, 2024
378cce8
Generate the cjs components
sandhose Jun 20, 2024
788c556
Tweak the build script to also generate CJS variants of the components
sandhose Jun 20, 2024
658b175
Mark the package as side-effect free
sandhose Jun 20, 2024
6b72ca0
Fix types
sandhose Jul 11, 2024
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
  •  
  •  
  •  
1 change: 0 additions & 1 deletion assets/web/icons/$icons.json
View file
Open in desktop

This file was deleted.

19 changes: 19 additions & 0 deletions assets/web/icons/admin.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function AdminIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
fillRule: "evenodd",
d: "m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236l-6-3Zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.742 4 12V7.236a2 2 0 0 1 1.106-1.789l6-3Z",
clipRule: "evenodd"
})
});
}
;
AdminIcon.displayName = "AdminIcon";
module.exports = AdminIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/admin.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* admin.svg
*/
declare const AdminIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default AdminIcon;
19 changes: 19 additions & 0 deletions assets/web/icons/admin.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import { jsx as _jsx } from "react/jsx-runtime";
function AdminIcon(props) {
return /*#__PURE__*/_jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_jsx("path", {
fillRule: "evenodd",
d: "m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236l-6-3Zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.742 4 12V7.236a2 2 0 0 1 1.106-1.789l6-3Z",
clipRule: "evenodd"
})
});
}
;
AdminIcon.displayName = "AdminIcon";
export default AdminIcon;
3 changes: 0 additions & 3 deletions assets/web/icons/admin.svg
View file
Open in desktop

This file was deleted.

17 changes: 17 additions & 0 deletions assets/web/icons/arrow-down.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function ArrowDownIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
d: "M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1Z"
})
});
}
;
ArrowDownIcon.displayName = "ArrowDownIcon";
module.exports = ArrowDownIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/arrow-down.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* arrow-down.svg
*/
declare const ArrowDownIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default ArrowDownIcon;
17 changes: 17 additions & 0 deletions assets/web/icons/arrow-down.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { jsx as _jsx } from "react/jsx-runtime";
function ArrowDownIcon(props) {
return /*#__PURE__*/_jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_jsx("path", {
d: "M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1Z"
})
});
}
;
ArrowDownIcon.displayName = "ArrowDownIcon";
export default ArrowDownIcon;
3 changes: 0 additions & 3 deletions assets/web/icons/arrow-down.svg
View file
Open in desktop

This file was deleted.

17 changes: 17 additions & 0 deletions assets/web/icons/arrow-left.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function ArrowLeftIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
d: "M12.207 5.293a1 1 0 0 1 0 1.414L7.914 11H18.5a1 1 0 1 1 0 2H7.914l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0Z"
})
});
}
;
ArrowLeftIcon.displayName = "ArrowLeftIcon";
module.exports = ArrowLeftIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/arrow-left.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* arrow-left.svg
*/
declare const ArrowLeftIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default ArrowLeftIcon;
17 changes: 17 additions & 0 deletions assets/web/icons/arrow-left.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { jsx as _jsx } from "react/jsx-runtime";
function ArrowLeftIcon(props) {
return /*#__PURE__*/_jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_jsx("path", {
d: "M12.207 5.293a1 1 0 0 1 0 1.414L7.914 11H18.5a1 1 0 1 1 0 2H7.914l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0Z"
})
});
}
;
ArrowLeftIcon.displayName = "ArrowLeftIcon";
export default ArrowLeftIcon;
3 changes: 0 additions & 3 deletions assets/web/icons/arrow-left.svg
View file
Open in desktop

This file was deleted.

17 changes: 17 additions & 0 deletions assets/web/icons/arrow-right.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function ArrowRightIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
d: "M11.793 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L16.086 13H5.5a1 1 0 1 1 0-2h10.586l-4.293-4.293a1 1 0 0 1 0-1.414Z"
})
});
}
;
ArrowRightIcon.displayName = "ArrowRightIcon";
module.exports = ArrowRightIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/arrow-right.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* arrow-right.svg
*/
declare const ArrowRightIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default ArrowRightIcon;
17 changes: 17 additions & 0 deletions assets/web/icons/arrow-right.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { jsx as _jsx } from "react/jsx-runtime";
function ArrowRightIcon(props) {
return /*#__PURE__*/_jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_jsx("path", {
d: "M11.793 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L16.086 13H5.5a1 1 0 1 1 0-2h10.586l-4.293-4.293a1 1 0 0 1 0-1.414Z"
})
});
}
;
ArrowRightIcon.displayName = "ArrowRightIcon";
export default ArrowRightIcon;
3 changes: 0 additions & 3 deletions assets/web/icons/arrow-right.svg
View file
Open in desktop

This file was deleted.

17 changes: 17 additions & 0 deletions assets/web/icons/arrow-up-right.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function ArrowUpRightIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
d: "M17.924 6.617a.996.996 0 0 1 .076.38V15a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1 0-2h8a.997.997 0 0 1 .924.617Z"
})
});
}
;
ArrowUpRightIcon.displayName = "ArrowUpRightIcon";
module.exports = ArrowUpRightIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/arrow-up-right.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* arrow-up-right.svg
*/
declare const ArrowUpRightIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default ArrowUpRightIcon;
17 changes: 17 additions & 0 deletions assets/web/icons/arrow-up-right.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { jsx as _jsx } from "react/jsx-runtime";
function ArrowUpRightIcon(props) {
return /*#__PURE__*/_jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_jsx("path", {
d: "M17.924 6.617a.996.996 0 0 1 .076.38V15a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1 0-2h8a.997.997 0 0 1 .924.617Z"
})
});
}
;
ArrowUpRightIcon.displayName = "ArrowUpRightIcon";
export default ArrowUpRightIcon;
3 changes: 0 additions & 3 deletions assets/web/icons/arrow-up-right.svg
View file
Open in desktop

This file was deleted.

17 changes: 17 additions & 0 deletions assets/web/icons/arrow-up.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
var _reactJsxRuntime = require("react/jsx-runtime");
function ArrowUpIcon(props) {
return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
...props,
children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
d: "M12 19.5a1 1 0 0 0 1-1V7.914l4.293 4.293a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 1 0 1.414 1.414L11 7.914V18.5a1 1 0 0 0 1 1Z"
})
});
}
;
ArrowUpIcon.displayName = "ArrowUpIcon";
module.exports = ArrowUpIcon;
10 changes: 10 additions & 0 deletions assets/web/icons/arrow-up.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import * as React from "react";

/**
* arrow-up.svg
*/
declare const ArrowUpIcon: React.FunctionComponent<
React.ComponentProps<"svg">
>;

export default ArrowUpIcon;
Loading