Adding Collapse Left and Right icons (#71)

* Add Reviews icon * Add Performance icon * Adding Collapse Left and Right icons * Delete old changeset from my fork branch --------- Co-authored-by: Thibaut Biscay <[email protected]>
gsoft-inc · Oct 20, 2023 · 3daf0a4 · 3daf0a4
1 parent 6e888c1
commit 3daf0a4
Show file tree

Hide file tree

Showing 10 changed files with 109 additions and 1 deletion.
diff --git a/.changeset/breezy-timers-fetch.md b/.changeset/breezy-timers-fetch.md
@@ -0,0 +1,5 @@
+---
+'@igloo-ui/icons': minor
+---
+
+Add Collapse Left and Right Icons
diff --git a/components/CollapseLeft.jsx b/components/CollapseLeft.jsx
@@ -0,0 +1,40 @@
+/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
+import React from "react";
+import PropTypes from "prop-types";
+import parse from "html-react-parser";
+
+import { getSvgProps } from "./helper/get-svg-props";
+
+import './styles/icon.css';
+
+/**
+ * Renders a <CollapseLeft /> component
+ *
+ * @param {Object} props
+ * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
+ * @param {string} [props.ariaLabel] - the label for accessibility
+ */
+const CollapseLeft = ({size, ariaLabel, className, ...other}) => {
+const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.003 2.753a.75.75 0 1 1 1.5 0V13.25a.75.75 0 0 1-1.5 0V2.753ZM8.47 12.78a.75.75 0 0 0 1.06-1.06L6.56 8.75h7.693a.75.75 0 0 0 0-1.5H6.561l3.22-3.22A.75.75 0 1 0 8.72 2.97l-4.5 4.5a.75.75 0 0 0 0 1.06l4.25 4.25Z\" fill=\"#3C3C3C\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.504 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V5.75Zm6.979.707a.75.75 0 1 1 1.034 1.086L8.625 11.25h11.623a.75.75 0 0 1 0 1.5H8.625l3.892 3.707a.75.75 0 1 1-1.034 1.086l-5.25-5a.75.75 0 0 1 0-1.086l5.25-5Z\" fill=\"#3C3C3C\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 6a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1ZM28 16.003a1 1 0 0 0-1-1H10a1 1 0 1 0 0 2h17a1 1 0 0 0 1-1Z\" fill=\"#3C3C3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.707 8.293a1 1 0 0 0-1.414 0l-7 7a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414Z\" fill=\"#3C3C3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.293 15.293a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0Z\" fill=\"#3C3C3C\"/></svg>"}
+const props = getSvgProps({ size, ariaLabel, className, ...other });
+
+if (svgData[props.iconSize] === undefined) {
+  console.warn('this icon is not available in this size');
+  return <span className="empty"></span>;
+}
+
+const icon = parse(svgData[props.iconSize], props.options);
+return <>{icon}</>;
+};
+
+CollapseLeft.propTypes = {
+  size: PropTypes.oneOf(["small", "medium", "large"]),
+  ariaLabel: PropTypes.string,
+};
+
+CollapseLeft.defaultProps = {
+  size: "medium",
+  ariaLabel: "",
+};
+
+export default CollapseLeft;
diff --git a/components/CollapseRight.jsx b/components/CollapseRight.jsx
@@ -0,0 +1,40 @@
+/* THIS FILE IS GENERATED. DO NOT EDIT IT. */
+import React from "react";
+import PropTypes from "prop-types";
+import parse from "html-react-parser";
+
+import { getSvgProps } from "./helper/get-svg-props";
+
+import './styles/icon.css';
+
+/**
+ * Renders a <CollapseRight /> component
+ *
+ * @param {Object} props
+ * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
+ * @param {string} [props.ariaLabel] - the label for accessibility
+ */
+const CollapseRight = ({size, ariaLabel, className, ...other}) => {
+const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.003 2.753a.75.75 0 0 0-1.5 0V13.25a.75.75 0 1 0 1.5 0V2.753ZM1.753 8.75a.75.75 0 1 1 0-1.5h7.682L6.47 4.28a.75.75 0 0 1 1.062-1.06l4.245 4.251a.75.75 0 0 1 0 1.061L7.53 12.78a.75.75 0 0 1-1.06-1.06l2.968-2.97H1.753Z\" fill=\"#3C3C3C\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.498 5.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0V5.75Zm-6.98.707a.75.75 0 0 0-1.034 1.086l3.893 3.707H3.754a.75.75 0 0 0 0 1.5h11.622l-3.892 3.707a.75.75 0 1 0 1.035 1.086l5.25-5a.75.75 0 0 0 0-1.086l-5.25-5Z\" fill=\"#3C3C3C\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M26 7a1 1 0 1 1 2 0v18a1 1 0 1 1-2 0V7ZM5 15.003a1 1 0 1 0 0 2h14.583l-5.29 5.29a1 1 0 1 0 1.414 1.414l6.953-6.953a.998.998 0 0 0 .34-.751v-.001a.997.997 0 0 0-.293-.71l-7-7a1 1 0 1 0-1.414 1.415l5.296 5.296H5Z\" fill=\"#3C3C3C\"/></svg>"}
+const props = getSvgProps({ size, ariaLabel, className, ...other });
+
+if (svgData[props.iconSize] === undefined) {
+  console.warn('this icon is not available in this size');
+  return <span className="empty"></span>;
+}
+
+const icon = parse(svgData[props.iconSize], props.options);
+return <>{icon}</>;
+};
+
+CollapseRight.propTypes = {
+  size: PropTypes.oneOf(["small", "medium", "large"]),
+  ariaLabel: PropTypes.string,
+};
+
+CollapseRight.defaultProps = {
+  size: "medium",
+  ariaLabel: "",
+};
+
+export default CollapseRight;
diff --git a/icon/16px/CollapseLeft.svg b/icon/16px/CollapseLeft.svg
diff --git a/icon/16px/CollapseRight.svg b/icon/16px/CollapseRight.svg
diff --git a/icon/24px/CollapseLeft.svg b/icon/24px/CollapseLeft.svg
diff --git a/icon/24px/CollapseRight.svg b/icon/24px/CollapseRight.svg
diff --git a/icon/32px/CollapseLeft.svg b/icon/32px/CollapseLeft.svg
diff --git a/icon/32px/CollapseRight.svg b/icon/32px/CollapseRight.svg
diff --git a/iconsList.js b/iconsList.js
@@ -30,6 +30,8 @@ export { default as Clock } from './dist/Clock.js';
 export { default as CloseSolid } from './dist/CloseSolid.js';
 export { default as Close } from './dist/Close.js';
 export { default as ClosedEye } from './dist/ClosedEye.js';
+export { default as CollapseLeft } from './dist/CollapseLeft.js';
+export { default as CollapseRight } from './dist/CollapseRight.js';
 export { default as Copy } from './dist/Copy.js';
 export { default as CrownSolid } from './dist/CrownSolid.js';
 export { default as Csv } from './dist/Csv.js';
@@ -177,4 +179,4 @@ export { default as User } from './dist/User.js';
 export { default as Video } from './dist/Video.js';
 export { default as Webcam } from './dist/Webcam.js';
 export { default as WebcamOff } from './dist/WebcamOff.js';
-export const iconName = ["OneOnOne","ActivatedNote","ActivatedStickyNote","AddSolid","AddCalendar","AddReaction","AddUser","Agenda","Alert","Archive","ArrowDown","ArrowUp","Audio","AudioOff","BarGraph","Bento","BigChevronLeftSolid","BigChevronRightSolid","Bold","Book","Bookmark","Calendar","CameraSolid","Checkmark","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","CloseSolid","Close","ClosedEye","Copy","CrownSolid","Csv","Delete","Download","Drag","Edit","EmailSolid","Email","Engagement","ENpsSolid","ENps","Event","Expand","Eye","Filter","Folder","Gift","Goal","Grid","Hamburger","HelpSolid","Help","Home","InfoSolid","Info","Italic","Kebab","KeyResult","LabelSolid","Label","Launch","LineGraph","Link","Loader","LockSolid","Lock","LockedSurvey","LogOut","AlignmentSolid","Alignment","AmbassadorshipSolid","Ambassadorship","FeedbackSolid","Feedback","HappinessSolid","Happiness","PersonalGrowthSolid","PersonalGrowth","RecognitionSolid","Recognition","RelationshipWithManagerSolid","RelationshipWithManager","RelationshipWithPeersSolid","RelationshipWithPeers","SatisfactionSolid","Satisfaction","WellnessSolid","Wellness","Minus","Move","NewFeedback","NewSuggestion","NewTemplate","Note","Numbers","OrderedList","Organization","ParticipationSolid","Pause","Pdf","Percentage","Performance","PieGraphSolid","PieGraph","PinSolid","Pin","Play","Plus","Portrait","Praise","ProgressUpdate","Reccuring","Referral","Refresh","Reminder","RemoveSolid","Remove","RemoveCalendar","RemoveUser","Reply","Report","Reviews","Rewind","Rocket","Search","SectionBlock","Segment","SendSolid","SettingsSolid","Settings","Share","SharedSolid","Shield","ShortArrowLeft","ShortArrowRight","Slider","Smile","Sort","Sparkles","Sprout","StarSolid","Star","StartOver","Step1Solid","Step2Solid","Step3Solid","Step4Solid","Step5Solid","StickyNote","Strikethrough","Substract","SuccessSolid","Success","Suggestion","Survey","TableChevronSelectedDown","TableChevronSelectedUp","TableChevronUnselectedDown","TableChevronUnselectedUp","TalkBubble","TeamSolid","Team","Template","TextBulletSolid","ThumbsDown","ThumbsUp","TreeSolid","Tree","Unarchive","Underline","UnorderedList","UserSolid","User","Video","Webcam","WebcamOff"]
+export const iconName = ["OneOnOne","ActivatedNote","ActivatedStickyNote","AddSolid","AddCalendar","AddReaction","AddUser","Agenda","Alert","Archive","ArrowDown","ArrowUp","Audio","AudioOff","BarGraph","Bento","BigChevronLeftSolid","BigChevronRightSolid","Bold","Book","Bookmark","Calendar","CameraSolid","Checkmark","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","CloseSolid","Close","ClosedEye","CollapseLeft","CollapseRight","Copy","CrownSolid","Csv","Delete","Download","Drag","Edit","EmailSolid","Email","Engagement","ENpsSolid","ENps","Event","Expand","Eye","Filter","Folder","Gift","Goal","Grid","Hamburger","HelpSolid","Help","Home","InfoSolid","Info","Italic","Kebab","KeyResult","LabelSolid","Label","Launch","LineGraph","Link","Loader","LockSolid","Lock","LockedSurvey","LogOut","AlignmentSolid","Alignment","AmbassadorshipSolid","Ambassadorship","FeedbackSolid","Feedback","HappinessSolid","Happiness","PersonalGrowthSolid","PersonalGrowth","RecognitionSolid","Recognition","RelationshipWithManagerSolid","RelationshipWithManager","RelationshipWithPeersSolid","RelationshipWithPeers","SatisfactionSolid","Satisfaction","WellnessSolid","Wellness","Minus","Move","NewFeedback","NewSuggestion","NewTemplate","Note","Numbers","OrderedList","Organization","ParticipationSolid","Pause","Pdf","Percentage","Performance","PieGraphSolid","PieGraph","PinSolid","Pin","Play","Plus","Portrait","Praise","ProgressUpdate","Reccuring","Referral","Refresh","Reminder","RemoveSolid","Remove","RemoveCalendar","RemoveUser","Reply","Report","Reviews","Rewind","Rocket","Search","SectionBlock","Segment","SendSolid","SettingsSolid","Settings","Share","SharedSolid","Shield","ShortArrowLeft","ShortArrowRight","Slider","Smile","Sort","Sparkles","Sprout","StarSolid","Star","StartOver","Step1Solid","Step2Solid","Step3Solid","Step4Solid","Step5Solid","StickyNote","Strikethrough","Substract","SuccessSolid","Success","Suggestion","Survey","TableChevronSelectedDown","TableChevronSelectedUp","TableChevronUnselectedDown","TableChevronUnselectedUp","TalkBubble","TeamSolid","Team","Template","TextBulletSolid","ThumbsDown","ThumbsUp","TreeSolid","Tree","Unarchive","Underline","UnorderedList","UserSolid","User","Video","Webcam","WebcamOff"]