From 3624f449f0c66785e820245282120a824b999ff8 Mon Sep 17 00:00:00 2001 From: John Letey Date: Sun, 28 Jun 2020 15:27:24 +0100 Subject: [PATCH] feat(react): Ability to customise `strokeWidth` (#38) --- packages/react/bin/build.js | 16 +++++-- packages/react/src/icons/activity.js | 5 ++- packages/react/src/icons/airplay.js | 5 ++- packages/react/src/icons/alert-circle.js | 5 ++- packages/react/src/icons/alert-octagon.js | 5 ++- packages/react/src/icons/alert-triangle.js | 5 ++- packages/react/src/icons/align-center.js | 5 ++- packages/react/src/icons/align-justify.js | 5 ++- packages/react/src/icons/align-left.js | 5 ++- packages/react/src/icons/align-right.js | 5 ++- packages/react/src/icons/anchor.js | 5 ++- packages/react/src/icons/aperture.js | 5 ++- packages/react/src/icons/archive.js | 5 ++- packages/react/src/icons/arrow-down-circle.js | 5 ++- packages/react/src/icons/arrow-down-left.js | 5 ++- packages/react/src/icons/arrow-down-right.js | 5 ++- packages/react/src/icons/arrow-down.js | 5 ++- packages/react/src/icons/arrow-left-circle.js | 5 ++- packages/react/src/icons/arrow-left.js | 5 ++- .../react/src/icons/arrow-right-circle.js | 5 ++- packages/react/src/icons/arrow-right.js | 5 ++- packages/react/src/icons/arrow-up-circle.js | 5 ++- packages/react/src/icons/arrow-up-left.js | 5 ++- packages/react/src/icons/arrow-up-right.js | 5 ++- packages/react/src/icons/arrow-up.js | 5 ++- packages/react/src/icons/at-sign.js | 5 ++- packages/react/src/icons/award.js | 5 ++- packages/react/src/icons/bar-chart-2.js | 5 ++- packages/react/src/icons/bar-chart.js | 5 ++- packages/react/src/icons/battery-charging.js | 11 ++--- packages/react/src/icons/battery-full.js | 38 ++++++++++++++++ packages/react/src/icons/battery-low.js | 36 ++++++++++++++++ packages/react/src/icons/battery-medium.js | 37 ++++++++++++++++ packages/react/src/icons/battery.js | 9 ++-- packages/react/src/icons/bell-off.js | 5 ++- packages/react/src/icons/bell.js | 5 ++- packages/react/src/icons/bluetooth.js | 5 ++- packages/react/src/icons/bold.js | 5 ++- packages/react/src/icons/book-open.js | 5 ++- packages/react/src/icons/book.js | 5 ++- packages/react/src/icons/bookmark.js | 5 ++- packages/react/src/icons/box.js | 5 ++- packages/react/src/icons/briefcase.js | 5 ++- packages/react/src/icons/calendar.js | 5 ++- packages/react/src/icons/camera-off.js | 5 ++- packages/react/src/icons/camera.js | 5 ++- packages/react/src/icons/cast.js | 5 ++- packages/react/src/icons/check-circle.js | 5 ++- packages/react/src/icons/check-square.js | 5 ++- packages/react/src/icons/check.js | 5 ++- packages/react/src/icons/chevron-down.js | 5 ++- packages/react/src/icons/chevron-left.js | 5 ++- packages/react/src/icons/chevron-right.js | 5 ++- packages/react/src/icons/chevron-up.js | 5 ++- packages/react/src/icons/chevrons-down.js | 5 ++- packages/react/src/icons/chevrons-left.js | 5 ++- packages/react/src/icons/chevrons-right.js | 5 ++- packages/react/src/icons/chevrons-up.js | 5 ++- packages/react/src/icons/chrome.js | 5 ++- packages/react/src/icons/circle.js | 5 ++- packages/react/src/icons/clipboard.js | 5 ++- packages/react/src/icons/clock.js | 5 ++- packages/react/src/icons/cloud-drizzle.js | 5 ++- packages/react/src/icons/cloud-lightning.js | 5 ++- packages/react/src/icons/cloud-off.js | 5 ++- packages/react/src/icons/cloud-rain.js | 5 ++- packages/react/src/icons/cloud-snow.js | 5 ++- packages/react/src/icons/cloud.js | 5 ++- packages/react/src/icons/code.js | 5 ++- packages/react/src/icons/codepen.js | 5 ++- packages/react/src/icons/codesandbox.js | 5 ++- packages/react/src/icons/coffee.js | 5 ++- packages/react/src/icons/columns.js | 5 ++- packages/react/src/icons/command.js | 5 ++- packages/react/src/icons/compass.js | 5 ++- packages/react/src/icons/contact.js | 38 ++++++++++++++++ packages/react/src/icons/contrast.js | 35 +++++++++++++++ packages/react/src/icons/copy.js | 5 ++- packages/react/src/icons/copyright.js | 35 +++++++++++++++ packages/react/src/icons/corner-down-left.js | 5 ++- packages/react/src/icons/corner-down-right.js | 5 ++- packages/react/src/icons/corner-left-down.js | 5 ++- packages/react/src/icons/corner-left-up.js | 5 ++- packages/react/src/icons/corner-right-down.js | 5 ++- packages/react/src/icons/corner-right-up.js | 5 ++- packages/react/src/icons/corner-up-left.js | 5 ++- packages/react/src/icons/corner-up-right.js | 5 ++- packages/react/src/icons/cpu.js | 5 ++- packages/react/src/icons/credit-card.js | 5 ++- packages/react/src/icons/crop.js | 5 ++- packages/react/src/icons/crosshair.js | 5 ++- packages/react/src/icons/database.js | 5 ++- packages/react/src/icons/delete.js | 5 ++- packages/react/src/icons/disc.js | 5 ++- packages/react/src/icons/divide-circle.js | 5 ++- packages/react/src/icons/divide-square.js | 5 ++- packages/react/src/icons/divide.js | 5 ++- packages/react/src/icons/dollar-sign.js | 5 ++- packages/react/src/icons/download-cloud.js | 5 ++- packages/react/src/icons/download.js | 5 ++- packages/react/src/icons/dribbble.js | 5 ++- packages/react/src/icons/droplet.js | 5 ++- packages/react/src/icons/edit-2.js | 5 ++- packages/react/src/icons/edit-3.js | 5 ++- packages/react/src/icons/edit.js | 5 ++- packages/react/src/icons/external-link.js | 5 ++- packages/react/src/icons/eye-off.js | 5 ++- packages/react/src/icons/eye.js | 5 ++- packages/react/src/icons/facebook.js | 5 ++- packages/react/src/icons/fast-forward.js | 5 ++- packages/react/src/icons/feather.js | 5 ++- packages/react/src/icons/figma.js | 5 ++- packages/react/src/icons/file-minus.js | 5 ++- packages/react/src/icons/file-plus.js | 5 ++- packages/react/src/icons/file-text.js | 5 ++- packages/react/src/icons/file.js | 5 ++- packages/react/src/icons/film.js | 5 ++- packages/react/src/icons/filter.js | 5 ++- packages/react/src/icons/flag.js | 5 ++- packages/react/src/icons/folder-minus.js | 5 ++- packages/react/src/icons/folder-plus.js | 5 ++- packages/react/src/icons/folder.js | 5 ++- packages/react/src/icons/framer.js | 5 ++- packages/react/src/icons/frown.js | 5 ++- packages/react/src/icons/gamepad-2.js | 38 ++++++++++++++++ packages/react/src/icons/gamepad.js | 38 ++++++++++++++++ packages/react/src/icons/gift.js | 5 ++- packages/react/src/icons/git-branch.js | 5 ++- packages/react/src/icons/git-commit.js | 5 ++- packages/react/src/icons/git-merge.js | 5 ++- packages/react/src/icons/git-pull-request.js | 5 ++- packages/react/src/icons/github.js | 5 ++- packages/react/src/icons/gitlab.js | 5 ++- packages/react/src/icons/globe.js | 5 ++- packages/react/src/icons/grid.js | 5 ++- packages/react/src/icons/grip-horizontal.js | 39 +++++++++++++++++ packages/react/src/icons/grip-vertical.js | 39 +++++++++++++++++ packages/react/src/icons/hard-drive.js | 5 ++- packages/react/src/icons/hash.js | 5 ++- packages/react/src/icons/headphones.js | 5 ++- packages/react/src/icons/heart.js | 5 ++- packages/react/src/icons/help-circle.js | 5 ++- packages/react/src/icons/hexagon.js | 5 ++- packages/react/src/icons/home.js | 5 ++- packages/react/src/icons/image.js | 5 ++- packages/react/src/icons/inbox.js | 5 ++- packages/react/src/icons/info.js | 5 ++- packages/react/src/icons/instagram.js | 5 ++- packages/react/src/icons/italic.js | 5 ++- packages/react/src/icons/key.js | 5 ++- packages/react/src/icons/languages.js | 39 +++++++++++++++++ packages/react/src/icons/layers.js | 5 ++- packages/react/src/icons/layout.js | 5 ++- packages/react/src/icons/life-buoy.js | 5 ++- packages/react/src/icons/link-2-off.js | 36 ++++++++++++++++ packages/react/src/icons/link-2.js | 7 +-- packages/react/src/icons/link.js | 5 ++- packages/react/src/icons/linkedin.js | 5 ++- packages/react/src/icons/list.js | 5 ++- packages/react/src/icons/loader.js | 5 ++- packages/react/src/icons/lock.js | 5 ++- packages/react/src/icons/log-in.js | 5 ++- packages/react/src/icons/log-out.js | 5 ++- packages/react/src/icons/mail.js | 5 ++- packages/react/src/icons/map-pin.js | 5 ++- packages/react/src/icons/map.js | 5 ++- packages/react/src/icons/maximize-2.js | 5 ++- packages/react/src/icons/maximize.js | 5 ++- packages/react/src/icons/meh.js | 5 ++- packages/react/src/icons/menu.js | 5 ++- packages/react/src/icons/message-circle.js | 5 ++- packages/react/src/icons/message-square.js | 5 ++- packages/react/src/icons/mic-off.js | 5 ++- packages/react/src/icons/mic.js | 5 ++- packages/react/src/icons/minimize-2.js | 5 ++- packages/react/src/icons/minimize.js | 5 ++- packages/react/src/icons/minus-circle.js | 5 ++- packages/react/src/icons/minus-square.js | 5 ++- packages/react/src/icons/minus.js | 5 ++- packages/react/src/icons/monitor.js | 5 ++- packages/react/src/icons/moon.js | 5 ++- packages/react/src/icons/more-horizontal.js | 5 ++- packages/react/src/icons/more-vertical.js | 5 ++- packages/react/src/icons/mouse-pointer.js | 5 ++- packages/react/src/icons/move.js | 5 ++- packages/react/src/icons/music.js | 5 ++- packages/react/src/icons/navigation-2.js | 5 ++- packages/react/src/icons/navigation.js | 5 ++- packages/react/src/icons/octagon.js | 5 ++- packages/react/src/icons/package.js | 5 ++- packages/react/src/icons/paperclip.js | 5 ++- packages/react/src/icons/pause-circle.js | 5 ++- packages/react/src/icons/pause.js | 5 ++- packages/react/src/icons/pen-tool.js | 5 ++- packages/react/src/icons/percent.js | 5 ++- packages/react/src/icons/phone-call.js | 5 ++- packages/react/src/icons/phone-forwarded.js | 5 ++- packages/react/src/icons/phone-incoming.js | 5 ++- packages/react/src/icons/phone-missed.js | 5 ++- packages/react/src/icons/phone-off.js | 5 ++- packages/react/src/icons/phone-outgoing.js | 5 ++- packages/react/src/icons/phone.js | 5 ++- packages/react/src/icons/pie-chart.js | 5 ++- packages/react/src/icons/play-circle.js | 5 ++- packages/react/src/icons/play.js | 5 ++- packages/react/src/icons/plus-circle.js | 5 ++- packages/react/src/icons/plus-square.js | 5 ++- packages/react/src/icons/plus.js | 5 ++- packages/react/src/icons/pocket.js | 5 ++- packages/react/src/icons/power.js | 5 ++- packages/react/src/icons/printer.js | 5 ++- packages/react/src/icons/radio.js | 5 ++- packages/react/src/icons/refresh-ccw.js | 5 ++- packages/react/src/icons/refresh-cw.js | 5 ++- packages/react/src/icons/repeat.js | 5 ++- packages/react/src/icons/rewind.js | 5 ++- packages/react/src/icons/rotate-ccw.js | 5 ++- packages/react/src/icons/rotate-cw.js | 5 ++- packages/react/src/icons/rss.js | 5 ++- packages/react/src/icons/save.js | 5 ++- packages/react/src/icons/scissors.js | 5 ++- packages/react/src/icons/screen-share-off.js | 38 ++++++++++++++++ packages/react/src/icons/screen-share.js | 38 ++++++++++++++++ packages/react/src/icons/search.js | 5 ++- packages/react/src/icons/send.js | 5 ++- packages/react/src/icons/server.js | 5 ++- packages/react/src/icons/settings.js | 5 ++- packages/react/src/icons/share-2.js | 5 ++- packages/react/src/icons/share.js | 5 ++- packages/react/src/icons/shield-off.js | 5 ++- packages/react/src/icons/shield.js | 5 ++- packages/react/src/icons/shopping-bag.js | 5 ++- packages/react/src/icons/shopping-cart.js | 5 ++- packages/react/src/icons/shuffle.js | 5 ++- packages/react/src/icons/sidebar.js | 5 ++- packages/react/src/icons/skip-back.js | 5 ++- packages/react/src/icons/skip-forward.js | 5 ++- packages/react/src/icons/slack.js | 5 ++- packages/react/src/icons/slash.js | 5 ++- packages/react/src/icons/sliders.js | 5 ++- packages/react/src/icons/smartphone.js | 5 ++- packages/react/src/icons/smile.js | 5 ++- packages/react/src/icons/snowflake.js | 39 +++++++++++++++++ packages/react/src/icons/sort-asc.js | 5 ++- packages/react/src/icons/sort-desc.js | 5 ++- packages/react/src/icons/speaker.js | 5 ++- packages/react/src/icons/square.js | 5 ++- packages/react/src/icons/star.js | 5 ++- packages/react/src/icons/stop-circle.js | 5 ++- packages/react/src/icons/sun.js | 5 ++- packages/react/src/icons/sunrise.js | 5 ++- packages/react/src/icons/sunset.js | 5 ++- packages/react/src/icons/tablet.js | 5 ++- packages/react/src/icons/tag.js | 5 ++- packages/react/src/icons/target.js | 5 ++- packages/react/src/icons/terminal.js | 5 ++- packages/react/src/icons/thermometer.js | 5 ++- packages/react/src/icons/thumbs-down.js | 5 ++- packages/react/src/icons/thumbs-up.js | 5 ++- packages/react/src/icons/toggle-left.js | 5 ++- packages/react/src/icons/toggle-right.js | 5 ++- packages/react/src/icons/tool.js | 5 ++- packages/react/src/icons/trash-2.js | 5 ++- packages/react/src/icons/trash.js | 5 ++- packages/react/src/icons/trello.js | 5 ++- packages/react/src/icons/trending-down.js | 5 ++- packages/react/src/icons/trending-up.js | 5 ++- packages/react/src/icons/triangle.js | 5 ++- packages/react/src/icons/truck.js | 5 ++- packages/react/src/icons/tv.js | 43 ++++++++++--------- packages/react/src/icons/twitch.js | 5 ++- packages/react/src/icons/twitter.js | 5 ++- packages/react/src/icons/type.js | 5 ++- packages/react/src/icons/umbrella.js | 5 ++- packages/react/src/icons/underline.js | 5 ++- packages/react/src/icons/unlink-2.js | 34 +++++++++++++++ packages/react/src/icons/unlink.js | 39 +++++++++++++++++ packages/react/src/icons/unlock.js | 5 ++- packages/react/src/icons/upload-cloud.js | 5 ++- packages/react/src/icons/upload.js | 5 ++- packages/react/src/icons/user-check.js | 5 ++- packages/react/src/icons/user-minus.js | 5 ++- packages/react/src/icons/user-plus.js | 5 ++- packages/react/src/icons/user-x.js | 5 ++- packages/react/src/icons/user.js | 5 ++- packages/react/src/icons/users.js | 5 ++- packages/react/src/icons/video-off.js | 5 ++- packages/react/src/icons/video.js | 5 ++- packages/react/src/icons/voicemail.js | 5 ++- packages/react/src/icons/volume-1.js | 5 ++- packages/react/src/icons/volume-2.js | 5 ++- packages/react/src/icons/volume-x.js | 5 ++- packages/react/src/icons/volume.js | 5 ++- packages/react/src/icons/watch.js | 5 ++- packages/react/src/icons/wifi-off.js | 5 ++- packages/react/src/icons/wifi.js | 5 ++- packages/react/src/icons/wind.js | 5 ++- packages/react/src/icons/x-circle.js | 5 ++- packages/react/src/icons/x-octagon.js | 5 ++- packages/react/src/icons/x-square.js | 5 ++- packages/react/src/icons/x.js | 43 ++++++++++--------- packages/react/src/icons/youtube.js | 5 ++- packages/react/src/icons/zap-off.js | 5 ++- packages/react/src/icons/zap.js | 5 ++- packages/react/src/icons/zoom-in.js | 5 ++- packages/react/src/icons/zoom-out.js | 5 ++- packages/react/src/index.d.ts | 18 ++++++++ packages/react/src/index.js | 17 ++++++++ 308 files changed, 1594 insertions(+), 621 deletions(-) create mode 100644 packages/react/src/icons/battery-full.js create mode 100644 packages/react/src/icons/battery-low.js create mode 100644 packages/react/src/icons/battery-medium.js create mode 100644 packages/react/src/icons/contact.js create mode 100644 packages/react/src/icons/contrast.js create mode 100644 packages/react/src/icons/copyright.js create mode 100644 packages/react/src/icons/gamepad-2.js create mode 100644 packages/react/src/icons/gamepad.js create mode 100644 packages/react/src/icons/grip-horizontal.js create mode 100644 packages/react/src/icons/grip-vertical.js create mode 100644 packages/react/src/icons/languages.js create mode 100644 packages/react/src/icons/link-2-off.js create mode 100644 packages/react/src/icons/screen-share-off.js create mode 100644 packages/react/src/icons/screen-share.js create mode 100644 packages/react/src/icons/snowflake.js create mode 100644 packages/react/src/icons/unlink-2.js create mode 100644 packages/react/src/icons/unlink.js diff --git a/packages/react/bin/build.js b/packages/react/bin/build.js index 53842b7..5ad806e 100644 --- a/packages/react/bin/build.js +++ b/packages/react/bin/build.js @@ -39,6 +39,7 @@ import { FC, SVGAttributes } from "react"; interface Props extends SVGAttributes { color?: string; size?: string | number; + width?: string | number; } type Icon = FC; @@ -54,7 +55,12 @@ fs.writeFileSync( const attrsToString = (attrs) => { return Object.keys(attrs) .map((key) => { - if (key === "width" || key === "height" || key === "stroke") { + if ( + key === "width" || + key === "height" || + key === "stroke" || + key === "strokeWidth" + ) { return key + "={" + attrs[key] + "}"; } if (key === "rest") { @@ -75,7 +81,7 @@ icons.forEach((i) => { viewBox: "0 0 24 24", fill: "none", stroke: "color", - strokeWidth: 2, + strokeWidth: "width", strokeLinecap: "round", strokeLinejoin: "round", rest: "...rest", @@ -85,7 +91,7 @@ icons.forEach((i) => { import React, { forwardRef } from "react"; import PropTypes from "prop-types"; - const ${ComponentName} = forwardRef(({ color = "currentColor", size = 24, ...rest }, ref) => { + const ${ComponentName} = forwardRef(({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( ${i.content} @@ -99,6 +105,10 @@ icons.forEach((i) => { PropTypes.string, PropTypes.number ]), + width: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number + ]), } ${ComponentName}.displayName = "${ComponentName}" diff --git a/packages/react/src/icons/activity.js b/packages/react/src/icons/activity.js index 33740d9..d9935dc 100644 --- a/packages/react/src/icons/activity.js +++ b/packages/react/src/icons/activity.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Activity = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( - - - + + + ); } @@ -28,6 +28,7 @@ const BatteryCharging = forwardRef( BatteryCharging.propTypes = { color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }; BatteryCharging.displayName = "BatteryCharging"; diff --git a/packages/react/src/icons/battery-full.js b/packages/react/src/icons/battery-full.js new file mode 100644 index 0000000..a1fb7d6 --- /dev/null +++ b/packages/react/src/icons/battery-full.js @@ -0,0 +1,38 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const BatteryFull = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + + ); + } +); + +BatteryFull.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +BatteryFull.displayName = "BatteryFull"; + +export default BatteryFull; diff --git a/packages/react/src/icons/battery-low.js b/packages/react/src/icons/battery-low.js new file mode 100644 index 0000000..b30d8e6 --- /dev/null +++ b/packages/react/src/icons/battery-low.js @@ -0,0 +1,36 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const BatteryLow = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + ); + } +); + +BatteryLow.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +BatteryLow.displayName = "BatteryLow"; + +export default BatteryLow; diff --git a/packages/react/src/icons/battery-medium.js b/packages/react/src/icons/battery-medium.js new file mode 100644 index 0000000..2ebc4c6 --- /dev/null +++ b/packages/react/src/icons/battery-medium.js @@ -0,0 +1,37 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const BatteryMedium = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + ); + } +); + +BatteryMedium.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +BatteryMedium.displayName = "BatteryMedium"; + +export default BatteryMedium; diff --git a/packages/react/src/icons/battery.js b/packages/react/src/icons/battery.js index c487c98..2b65e4f 100644 --- a/packages/react/src/icons/battery.js +++ b/packages/react/src/icons/battery.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Battery = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( - - + + ); } @@ -27,6 +27,7 @@ const Battery = forwardRef( Battery.propTypes = { color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }; Battery.displayName = "Battery"; diff --git a/packages/react/src/icons/bell-off.js b/packages/react/src/icons/bell-off.js index 44f5b6d..3b9b6a8 100644 --- a/packages/react/src/icons/bell-off.js +++ b/packages/react/src/icons/bell-off.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const BellOff = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + ); + } +); + +Contact.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Contact.displayName = "Contact"; + +export default Contact; diff --git a/packages/react/src/icons/contrast.js b/packages/react/src/icons/contrast.js new file mode 100644 index 0000000..1b0bebd --- /dev/null +++ b/packages/react/src/icons/contrast.js @@ -0,0 +1,35 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const Contrast = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + ); + } +); + +Contrast.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Contrast.displayName = "Contrast"; + +export default Contrast; diff --git a/packages/react/src/icons/copy.js b/packages/react/src/icons/copy.js index e247c3b..4430a61 100644 --- a/packages/react/src/icons/copy.js +++ b/packages/react/src/icons/copy.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Copy = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + ); + } +); + +Copyright.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Copyright.displayName = "Copyright"; + +export default Copyright; diff --git a/packages/react/src/icons/corner-down-left.js b/packages/react/src/icons/corner-down-left.js index 5870117..f14d512 100644 --- a/packages/react/src/icons/corner-down-left.js +++ b/packages/react/src/icons/corner-down-left.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const CornerDownLeft = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + ); + } +); + +Gamepad2.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Gamepad2.displayName = "Gamepad2"; + +export default Gamepad2; diff --git a/packages/react/src/icons/gamepad.js b/packages/react/src/icons/gamepad.js new file mode 100644 index 0000000..fc3ec50 --- /dev/null +++ b/packages/react/src/icons/gamepad.js @@ -0,0 +1,38 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const Gamepad = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + + ); + } +); + +Gamepad.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Gamepad.displayName = "Gamepad"; + +export default Gamepad; diff --git a/packages/react/src/icons/gift.js b/packages/react/src/icons/gift.js index a283a2a..eb5d930 100644 --- a/packages/react/src/icons/gift.js +++ b/packages/react/src/icons/gift.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Gift = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + + ); + } +); + +GripHorizontal.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +GripHorizontal.displayName = "GripHorizontal"; + +export default GripHorizontal; diff --git a/packages/react/src/icons/grip-vertical.js b/packages/react/src/icons/grip-vertical.js new file mode 100644 index 0000000..c0a86bb --- /dev/null +++ b/packages/react/src/icons/grip-vertical.js @@ -0,0 +1,39 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const GripVertical = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + + + ); + } +); + +GripVertical.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +GripVertical.displayName = "GripVertical"; + +export default GripVertical; diff --git a/packages/react/src/icons/hard-drive.js b/packages/react/src/icons/hard-drive.js index 6d6e8f0..af49fc2 100644 --- a/packages/react/src/icons/hard-drive.js +++ b/packages/react/src/icons/hard-drive.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const HardDrive = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + + ); + } +); + +Languages.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Languages.displayName = "Languages"; + +export default Languages; diff --git a/packages/react/src/icons/layers.js b/packages/react/src/icons/layers.js index 1711a59..dde0307 100644 --- a/packages/react/src/icons/layers.js +++ b/packages/react/src/icons/layers.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Layers = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + ); + } +); + +Link2Off.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Link2Off.displayName = "Link2Off"; + +export default Link2Off; diff --git a/packages/react/src/icons/link-2.js b/packages/react/src/icons/link-2.js index cd247c2..2504b1a 100644 --- a/packages/react/src/icons/link-2.js +++ b/packages/react/src/icons/link-2.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Link2 = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( - + ); @@ -27,6 +27,7 @@ const Link2 = forwardRef( Link2.propTypes = { color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }; Link2.displayName = "Link2"; diff --git a/packages/react/src/icons/link.js b/packages/react/src/icons/link.js index 0f6d494..d6ff006 100644 --- a/packages/react/src/icons/link.js +++ b/packages/react/src/icons/link.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Link = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + ); + } +); + +ScreenShareOff.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +ScreenShareOff.displayName = "ScreenShareOff"; + +export default ScreenShareOff; diff --git a/packages/react/src/icons/screen-share.js b/packages/react/src/icons/screen-share.js new file mode 100644 index 0000000..5b9ee5e --- /dev/null +++ b/packages/react/src/icons/screen-share.js @@ -0,0 +1,38 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const ScreenShare = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + + ); + } +); + +ScreenShare.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +ScreenShare.displayName = "ScreenShare"; + +export default ScreenShare; diff --git a/packages/react/src/icons/search.js b/packages/react/src/icons/search.js index 91aeccb..ab181fd 100644 --- a/packages/react/src/icons/search.js +++ b/packages/react/src/icons/search.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Search = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + + + + + + ); + } +); + +Snowflake.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Snowflake.displayName = "Snowflake"; + +export default Snowflake; diff --git a/packages/react/src/icons/sort-asc.js b/packages/react/src/icons/sort-asc.js index f9856b2..455600c 100644 --- a/packages/react/src/icons/sort-asc.js +++ b/packages/react/src/icons/sort-asc.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const SortAsc = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { - return ( - - - - - ); -}); +const Tv = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + ); + } +); Tv.propTypes = { color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }; Tv.displayName = "Tv"; diff --git a/packages/react/src/icons/twitch.js b/packages/react/src/icons/twitch.js index b3f4105..1679371 100644 --- a/packages/react/src/icons/twitch.js +++ b/packages/react/src/icons/twitch.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Twitch = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + return ( + + + + ); + } +); + +Unlink2.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Unlink2.displayName = "Unlink2"; + +export default Unlink2; diff --git a/packages/react/src/icons/unlink.js b/packages/react/src/icons/unlink.js new file mode 100644 index 0000000..ffd1c0c --- /dev/null +++ b/packages/react/src/icons/unlink.js @@ -0,0 +1,39 @@ +import React, { forwardRef } from "react"; +import PropTypes from "prop-types"; + +const Unlink = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + + + + + ); + } +); + +Unlink.propTypes = { + color: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), +}; + +Unlink.displayName = "Unlink"; + +export default Unlink; diff --git a/packages/react/src/icons/unlock.js b/packages/react/src/icons/unlock.js index 2882a94..9d20746 100644 --- a/packages/react/src/icons/unlock.js +++ b/packages/react/src/icons/unlock.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Unlock = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { - return ( - - - - - ); -}); +const X = forwardRef( + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { + return ( + + + + + ); + } +); X.propTypes = { color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), + width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }; X.displayName = "X"; diff --git a/packages/react/src/icons/youtube.js b/packages/react/src/icons/youtube.js index ac5879c..ed511f2 100644 --- a/packages/react/src/icons/youtube.js +++ b/packages/react/src/icons/youtube.js @@ -2,7 +2,7 @@ import React, { forwardRef } from "react"; import PropTypes from "prop-types"; const Youtube = forwardRef( - ({ color = "currentColor", size = 24, ...rest }, ref) => { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { + ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => { return ( { color?: string; size?: string | number; + width?: string | number; } type Icon = FC; @@ -36,6 +37,9 @@ export const Award: Icon; export const BarChart2: Icon; export const BarChart: Icon; export const BatteryCharging: Icon; +export const BatteryFull: Icon; +export const BatteryLow: Icon; +export const BatteryMedium: Icon; export const Battery: Icon; export const BellOff: Icon; export const Bell: Icon; @@ -78,7 +82,10 @@ export const Coffee: Icon; export const Columns: Icon; export const Command: Icon; export const Compass: Icon; +export const Contact: Icon; +export const Contrast: Icon; export const Copy: Icon; +export const Copyright: Icon; export const CornerDownLeft: Icon; export const CornerDownRight: Icon; export const CornerLeftDown: Icon; @@ -124,6 +131,8 @@ export const FolderPlus: Icon; export const Folder: Icon; export const Framer: Icon; export const Frown: Icon; +export const Gamepad2: Icon; +export const Gamepad: Icon; export const Gift: Icon; export const GitBranch: Icon; export const GitCommit: Icon; @@ -133,6 +142,8 @@ export const GitHub: Icon; export const Gitlab: Icon; export const Globe: Icon; export const Grid: Icon; +export const GripHorizontal: Icon; +export const GripVertical: Icon; export const HardDrive: Icon; export const Hash: Icon; export const Headphones: Icon; @@ -146,9 +157,11 @@ export const Info: Icon; export const Instagram: Icon; export const Italic: Icon; export const Key: Icon; +export const Languages: Icon; export const Layers: Icon; export const Layout: Icon; export const LifeBuoy: Icon; +export const Link2Off: Icon; export const Link2: Icon; export const Link: Icon; export const Linkedin: Icon; @@ -215,6 +228,8 @@ export const RotateCw: Icon; export const Rss: Icon; export const Save: Icon; export const Scissors: Icon; +export const ScreenShareOff: Icon; +export const ScreenShare: Icon; export const Search: Icon; export const Send: Icon; export const Server: Icon; @@ -234,6 +249,7 @@ export const Slash: Icon; export const Sliders: Icon; export const Smartphone: Icon; export const Smile: Icon; +export const Snowflake: Icon; export const SortAsc: Icon; export const SortDesc: Icon; export const Speaker: Icon; @@ -266,6 +282,8 @@ export const Twitter: Icon; export const Type: Icon; export const Umbrella: Icon; export const Underline: Icon; +export const Unlink2: Icon; +export const Unlink: Icon; export const Unlock: Icon; export const UploadCloud: Icon; export const Upload: Icon; diff --git a/packages/react/src/index.js b/packages/react/src/index.js index b538dfd..2c63049 100644 --- a/packages/react/src/index.js +++ b/packages/react/src/index.js @@ -27,6 +27,9 @@ export { default as Award } from "./icons/award"; export { default as BarChart2 } from "./icons/bar-chart-2"; export { default as BarChart } from "./icons/bar-chart"; export { default as BatteryCharging } from "./icons/battery-charging"; +export { default as BatteryFull } from "./icons/battery-full"; +export { default as BatteryLow } from "./icons/battery-low"; +export { default as BatteryMedium } from "./icons/battery-medium"; export { default as Battery } from "./icons/battery"; export { default as BellOff } from "./icons/bell-off"; export { default as Bell } from "./icons/bell"; @@ -69,7 +72,10 @@ export { default as Coffee } from "./icons/coffee"; export { default as Columns } from "./icons/columns"; export { default as Command } from "./icons/command"; export { default as Compass } from "./icons/compass"; +export { default as Contact } from "./icons/contact"; +export { default as Contrast } from "./icons/contrast"; export { default as Copy } from "./icons/copy"; +export { default as Copyright } from "./icons/copyright"; export { default as CornerDownLeft } from "./icons/corner-down-left"; export { default as CornerDownRight } from "./icons/corner-down-right"; export { default as CornerLeftDown } from "./icons/corner-left-down"; @@ -115,6 +121,8 @@ export { default as FolderPlus } from "./icons/folder-plus"; export { default as Folder } from "./icons/folder"; export { default as Framer } from "./icons/framer"; export { default as Frown } from "./icons/frown"; +export { default as Gamepad2 } from "./icons/gamepad-2"; +export { default as Gamepad } from "./icons/gamepad"; export { default as Gift } from "./icons/gift"; export { default as GitBranch } from "./icons/git-branch"; export { default as GitCommit } from "./icons/git-commit"; @@ -124,6 +132,8 @@ export { default as GitHub } from "./icons/github"; export { default as Gitlab } from "./icons/gitlab"; export { default as Globe } from "./icons/globe"; export { default as Grid } from "./icons/grid"; +export { default as GripHorizontal } from "./icons/grip-horizontal"; +export { default as GripVertical } from "./icons/grip-vertical"; export { default as HardDrive } from "./icons/hard-drive"; export { default as Hash } from "./icons/hash"; export { default as Headphones } from "./icons/headphones"; @@ -137,9 +147,11 @@ export { default as Info } from "./icons/info"; export { default as Instagram } from "./icons/instagram"; export { default as Italic } from "./icons/italic"; export { default as Key } from "./icons/key"; +export { default as Languages } from "./icons/languages"; export { default as Layers } from "./icons/layers"; export { default as Layout } from "./icons/layout"; export { default as LifeBuoy } from "./icons/life-buoy"; +export { default as Link2Off } from "./icons/link-2-off"; export { default as Link2 } from "./icons/link-2"; export { default as Link } from "./icons/link"; export { default as Linkedin } from "./icons/linkedin"; @@ -206,6 +218,8 @@ export { default as RotateCw } from "./icons/rotate-cw"; export { default as Rss } from "./icons/rss"; export { default as Save } from "./icons/save"; export { default as Scissors } from "./icons/scissors"; +export { default as ScreenShareOff } from "./icons/screen-share-off"; +export { default as ScreenShare } from "./icons/screen-share"; export { default as Search } from "./icons/search"; export { default as Send } from "./icons/send"; export { default as Server } from "./icons/server"; @@ -225,6 +239,7 @@ export { default as Slash } from "./icons/slash"; export { default as Sliders } from "./icons/sliders"; export { default as Smartphone } from "./icons/smartphone"; export { default as Smile } from "./icons/smile"; +export { default as Snowflake } from "./icons/snowflake"; export { default as SortAsc } from "./icons/sort-asc"; export { default as SortDesc } from "./icons/sort-desc"; export { default as Speaker } from "./icons/speaker"; @@ -257,6 +272,8 @@ export { default as Twitter } from "./icons/twitter"; export { default as Type } from "./icons/type"; export { default as Umbrella } from "./icons/umbrella"; export { default as Underline } from "./icons/underline"; +export { default as Unlink2 } from "./icons/unlink-2"; +export { default as Unlink } from "./icons/unlink"; export { default as Unlock } from "./icons/unlock"; export { default as UploadCloud } from "./icons/upload-cloud"; export { default as Upload } from "./icons/upload";