Merge pull request #81 from gsoft-inc/feature/75

Feature/75
gsoft-inc · Apr 16, 2024 · 55452c5 · 55452c5
2 parents efdbabf + 2e75e01
commit 55452c5
Show file tree

Hide file tree

Showing 189 changed files with 195 additions and 1,145 deletions.
diff --git a/.changeset/green-cows-reply.md b/.changeset/green-cows-reply.md
@@ -0,0 +1,5 @@
+---
+'@igloo-ui/icons': patch
+---
+
+Deprecated defaultProps in favor of setting default props in the component declaration
diff --git a/components/ActivatedNote.jsx b/components/ActivatedNote.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const ActivatedNote = ({size, ariaLabel, className, ...other}) => {
+const ActivatedNote = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" fill=\"#FCC205\"/><path d=\"M9.429 3H3.75a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75H8M9.429 3 13 6.571M9.429 3v2.821c0 .415.335.75.75.75H13m0 0V8.18\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" fill=\"#FCC205\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.75 18.25V5.75h8.5V8.5c0 .69.56 1.25 1.25 1.25h2.75V13a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-.22-.53l-4-4a.75.75 0 0 0-.53-.22H5.5c-.69 0-1.25.56-1.25 1.25v13c0 .69.56 1.25 1.25 1.25H13a.75.75 0 0 0 0-1.5H5.75Zm11.44-10-1.44-1.44v1.44h1.44ZM9 8.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5H9ZM8.25 12a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM9 14.25a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5H9Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M24 28a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z\" fill=\"#FCC205\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.667 24.333V7.667H19v3.666c0 .92.746 1.667 1.667 1.667h3.666v4.333a1 1 0 0 0 2 0V12a1 1 0 0 0-.292-.707L20.707 5.96A1 1 0 0 0 20 5.667H7.333c-.92 0-1.666.746-1.666 1.666v17.334c0 .92.746 1.666 1.666 1.666h10a1 1 0 0 0 0-2H7.667ZM22.919 11 21 9.08V11h1.92ZM12 11a1 1 0 1 0 0 2h2.667a1 1 0 0 0 0-2H12Zm-1 5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z\" fill=\"#233043\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ ActivatedNote.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-ActivatedNote.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default ActivatedNote;
diff --git a/components/ActivatedStickyNote.jsx b/components/ActivatedStickyNote.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const ActivatedStickyNote = ({size, ariaLabel, className, ...other}) => {
+const ActivatedStickyNote = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.429 13H3.75a.75.75 0 0 1-.75-.75v-8.5A.75.75 0 0 1 3.75 3H8m1.429 10L13 9.43M9.429 13V10.18a.75.75 0 0 1 .75-.75H13m0 0V7.82\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" fill=\"#FCC205\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.75 18.25V5.75H12a.75.75 0 0 0 0-1.5H5.5c-.69 0-1.25.56-1.25 1.25v13c0 .69.56 1.25 1.25 1.25H14a.75.75 0 0 0 .53-.22l5-5a.75.75 0 0 0 .22-.53v-2.25a.75.75 0 0 0-1.5 0v1.5H14.5c-.69 0-1.25.56-1.25 1.25v3.75h-7.5Zm9-1.06 2.44-2.44h-2.44v2.44Z\" fill=\"#233043\"/><path d=\"M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" fill=\"#FCC205\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.667 24.333V7.667H16a1 1 0 1 0 0-2H7.333c-.92 0-1.666.746-1.666 1.666v17.334c0 .92.746 1.666 1.666 1.666h11.334a1 1 0 0 0 .707-.293l6.666-6.666a1 1 0 0 0 .293-.707v-3a1 1 0 1 0-2 0v2h-5c-.92 0-1.666.746-1.666 1.666v5h-10Zm12-1.414 3.252-3.252h-3.252v3.252Z\" fill=\"#233043\"/><path d=\"M24 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z\" fill=\"#FCC205\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ ActivatedStickyNote.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-ActivatedStickyNote.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default ActivatedStickyNote;
diff --git a/components/AddCalendar.jsx b/components/AddCalendar.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const AddCalendar = ({size, ariaLabel, className, ...other}) => {
+const AddCalendar = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 6.5v4M6 8.5h4\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><rect x=\"2\" y=\"3.5\" width=\"12\" height=\"10\" rx=\".25\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.5 2v2.5M10.5 2v2.5\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 2.25a.75.75 0 0 1 .75.75v1.25h6.5V3a.75.75 0 0 1 1.5 0v1.25h2.75c.69 0 1.25.56 1.25 1.25v13c0 .69-.56 1.25-1.25 1.25h-15c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h2.75V3A.75.75 0 0 1 8 2.25Zm7.25 3.5V6a.75.75 0 0 0 1.5 0v-.25h2.5v12.5H4.75V5.75h2.5V6a.75.75 0 0 0 1.5 0v-.25h6.5Zm-2.5 3.266a.75.75 0 0 0-1.5 0v2.234H9.016a.75.75 0 0 0 0 1.5h2.234v2.234a.75.75 0 0 0 1.5 0V12.75h2.234a.75.75 0 0 0 0-1.5H12.75V9.016Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.667 3a1 1 0 0 1 1 1v1.667h8.666V4a1 1 0 1 1 2 0v1.667H26c.92 0 1.667.746 1.667 1.666v17.334c0 .92-.746 1.666-1.667 1.666H6c-.92 0-1.667-.746-1.667-1.666V7.333c0-.92.747-1.666 1.667-1.666h3.667V4a1 1 0 0 1 1-1Zm9.666 4.667V8a1 1 0 1 0 2 0v-.333h3.334v16.666H6.333V7.667h3.334V8a1 1 0 0 0 2 0v-.333h8.666ZM17 12.022a1 1 0 0 0-2 0V15h-2.978a1 1 0 1 0 0 2H15v2.978a1 1 0 1 0 2 0V17h2.979a1 1 0 1 0 0-2h-2.98v-2.978Z\" fill=\"#233043\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ AddCalendar.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-AddCalendar.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default AddCalendar;
diff --git a/components/AddReaction.jsx b/components/AddReaction.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const AddReaction = ({size, ariaLabel, className, ...other}) => {
+const AddReaction = ({size = "medium", 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=\"M2.75 8a5.25 5.25 0 1 0 10.5 0 .75.75 0 0 1 1.5 0A6.75 6.75 0 1 1 8 1.25a.75.75 0 0 1 0 1.5A5.25 5.25 0 0 0 2.75 8Z\" fill=\"#233043\"/><path d=\"M6 6.688a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM11.5 6.688a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.6 8.265a.75.75 0 0 1 .885.584C5.657 9.69 6.624 10.5 8 10.5c1.376 0 2.344-.81 2.515-1.65a.75.75 0 1 1 1.47.301C11.634 10.865 9.89 12 8 12c-1.89 0-3.633-1.135-3.985-2.85a.75.75 0 0 1 .585-.885ZM9.75 3.5a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5 6.25a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75Z\" fill=\"#233043\"/></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.75 12a7.25 7.25 0 1 0 14.5 0 .75.75 0 0 1 1.5 0A8.75 8.75 0 1 1 12 3.25a.75.75 0 0 1 0 1.5A7.25 7.25 0 0 0 4.75 12Z\" fill=\"#233043\"/><path d=\"M9.5 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM16.5 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM15 5.25a.75.75 0 0 0 0 1.5h2.25V9a.75.75 0 0 0 1.5 0V6.75H21a.75.75 0 0 0 0-1.5h-2.25V3a.75.75 0 0 0-1.5 0v2.25H15Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.87 12.261a.75.75 0 0 1 .869.608c.334 1.89 2.09 3.38 4.261 3.38 2.172 0 3.927-1.49 4.262-3.38a.75.75 0 0 1 1.477.262c-.47 2.65-2.886 4.619-5.739 4.619-2.852 0-5.269-1.968-5.738-4.62a.75.75 0 0 1 .607-.869Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.333 16c0 5.339 4.328 9.667 9.667 9.667 5.339 0 9.667-4.328 9.667-9.667a1 1 0 1 1 2 0c0 6.443-5.224 11.667-11.667 11.667S4.334 22.443 4.334 16 9.556 4.333 16 4.333a1 1 0 0 1 0 2A9.667 9.667 0 0 0 6.334 16Z\" fill=\"#233043\"/><path d=\"M12.667 13.333a1.333 1.333 0 1 1-2.667 0 1.333 1.333 0 0 1 2.667 0ZM22 13.333a1.333 1.333 0 1 1-2.667 0 1.333 1.333 0 0 1 2.667 0ZM20 7a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0V9h3a1 1 0 1 0 0-2h-3V4a1 1 0 1 0-2 0v3h-3Z\" fill=\"#233043\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.159 16.349a1 1 0 0 1 1.159.81c.446 2.52 2.786 4.508 5.682 4.508 2.896 0 5.235-1.989 5.682-4.508a1 1 0 0 1 1.97.349c-.627 3.534-3.849 6.159-7.652 6.159-3.804 0-7.025-2.625-7.651-6.16a1 1 0 0 1 .81-1.158Z\" fill=\"#233043\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ AddReaction.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-AddReaction.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default AddReaction;
diff --git a/components/AddSolid.jsx b/components/AddSolid.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const AddSolid = ({size, ariaLabel, className, ...other}) => {
+const AddSolid = ({size = "medium", 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=\"M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0ZM8 4.068a.75.75 0 0 1 .75.75V7.25h2.432a.75.75 0 0 1 0 1.5H8.75v2.432a.75.75 0 0 1-1.5 0V8.75H4.818a.75.75 0 0 1 0-1.5H7.25V4.818a.75.75 0 0 1 .75-.75Z\" fill=\"#233043\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0-12.993a.75.75 0 0 1 .75.75v3.493h3.493a.75.75 0 0 1 0 1.5H12.75v3.493a.75.75 0 1 1-1.5 0V12.75H7.757a.75.75 0 0 1 0-1.5h3.493V7.757a.75.75 0 0 1 .75-.75Z\" fill=\"#233043\"/></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.667 16c0 5.891-4.776 10.667-10.667 10.667S5.333 21.89 5.333 16 10.11 5.333 16 5.333 26.667 10.11 26.667 16ZM16 9.343a1 1 0 0 1 1 1V15h4.657a1 1 0 0 1 0 2H17v4.657a1 1 0 0 1-2 0V17h-4.657a1 1 0 1 1 0-2H15v-4.657a1 1 0 0 1 1-1Z\" fill=\"#233043\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ AddSolid.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-AddSolid.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default AddSolid;
diff --git a/components/AddUser.jsx b/components/AddUser.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const AddUser = ({size, ariaLabel, className, ...other}) => {
+const AddUser = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14 8a6 6 0 1 0-6 6\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"8\" cy=\"7.25\" r=\"2.25\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.748 9.875A3.492 3.492 0 0 0 8.176 9.5c-1.764 0-3.257 1.334-3.752 3.17M12.5 10.5v4M10.5 12.5h4\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4.75a7.25 7.25 0 0 0-5.166 12.337c.582-1.367 1.569-2.501 2.805-3.173a3.75 3.75 0 1 1 4.894-.149c.045.02.09.042.134.064a.75.75 0 1 1-.672 1.341 3.906 3.906 0 0 0-1.76-.42c-1.845 0-3.506 1.33-4.177 3.336A7.216 7.216 0 0 0 12 19.25a.75.75 0 0 1 0 1.5A8.75 8.75 0 1 1 20.75 12a.75.75 0 0 1-1.5 0A7.25 7.25 0 0 0 12 4.75Zm0 4a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm5 4.5a.75.75 0 0 1 .75.75v2.25H20a.75.75 0 0 1 0 1.5h-2.25V20a.75.75 0 0 1-1.5 0v-2.25H14a.75.75 0 0 1 0-1.5h2.25V14a.75.75 0 0 1 .75-.75Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 6.333c-5.339 0-9.667 4.328-9.667 9.667a9.635 9.635 0 0 0 2.78 6.783c.775-1.824 2.09-3.335 3.74-4.231a5 5 0 1 1 6.526-.198l.176.085a1 1 0 1 1-.896 1.788 5.207 5.207 0 0 0-2.346-.56c-2.46 0-4.674 1.774-5.57 4.447A9.622 9.622 0 0 0 16 25.667a1 1 0 1 1 0 2C9.556 27.667 4.333 22.443 4.333 16S9.556 4.333 16 4.333c6.443 0 11.666 5.224 11.666 11.667a1 1 0 1 1-2 0c0-5.339-4.327-9.667-9.666-9.667Zm0 5.334a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm6.666 6a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z\" fill=\"#233043\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ AddUser.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-AddUser.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default AddUser;
diff --git a/components/Agenda.jsx b/components/Agenda.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const Agenda = ({size, ariaLabel, className, ...other}) => {
+const Agenda = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><mask id=\"a\" fill=\"#fff\"><rect x=\"3\" y=\"2\" width=\"10\" height=\"12\" rx=\"1.333\"/></mask><rect x=\"3\" y=\"2\" width=\"10\" height=\"12\" rx=\"1.333\" stroke=\"#233043\" stroke-width=\"3\" mask=\"url(#a)\"/><path d=\"M2.5 5.333h2M7 6.5h2M2.5 8h2M2.5 10.667h2\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 5H8a.5.5 0 0 0-.5.5v1.25H8a.75.75 0 0 1 0 1.5h-.5v2.5H8a.75.75 0 0 1 0 1.5h-.5v2.5H8a.75.75 0 0 1 0 1.5h-.5v1.25a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-12A.5.5 0 0 0 17 5ZM6 16.25v1.25a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-12a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v1.25H5a.75.75 0 0 0 0 1.5h1v2.5H5a.75.75 0 0 0 0 1.5h1v2.5H5a.75.75 0 0 0 0 1.5h1Zm5-8a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-3Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"9\" y=\"6.333\" width=\"15.333\" height=\"19.333\" rx=\"1.667\" stroke=\"#233043\" stroke-width=\"2\"/><path d=\"M6.667 10.667h4M14.667 12.667h4M6.667 16h4M6.667 21.333h4\" stroke=\"#233043\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ Agenda.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-Agenda.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default Agenda;
diff --git a/components/Alert.jsx b/components/Alert.jsx
@@ -14,7 +14,7 @@ import './styles/icon.css';
  * @param {('small'|'medium'|'large')} [props.size=small] - the icon size
  * @param {string} [props.ariaLabel] - the label for accessibility
  */
-const Alert = ({size, ariaLabel, className, ...other}) => {
+const Alert = ({size = "medium", ariaLabel = "", className, ...other}) => {
 const svgData = {"16":"<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.714 3.031a.33.33 0 0 1 .58 0l5.44 9.981a.33.33 0 0 1-.29.488H2.556a.33.33 0 0 1-.29-.488l5.448-9.98ZM8 7v2\" stroke=\"#233043\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"8\" cy=\"11.25\" r=\".75\" fill=\"#233043\"/></svg>","24":"<svg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.067 3.89a1.06 1.06 0 0 1 1.878 0l8.427 15.46c.41.75-.11 1.681-.939 1.681H3.567c-.828 0-1.348-.93-.939-1.68L11.067 3.89Zm.938 1.442L4.29 19.469h15.423L12.005 5.332ZM12 10.558c.414 0 .75.35.75.782v3.133c0 .431-.336.78-.75.78s-.75-.349-.75-.78V11.34c0-.432.336-.782.75-.782Zm0 7.453a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" fill=\"#233043\"/></svg>","32":"<svg width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.718 5.531a.33.33 0 0 1 .58 0l11.436 20.981a.33.33 0 0 1-.29.488H4.556a.33.33 0 0 1-.29-.488l11.452-20.98ZM16 15.12v4.177\" stroke=\"#233043\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"16\" cy=\"22.681\" fill=\"#233043\" r=\"1.333\"/></svg>"}
 const props = getSvgProps({ size, ariaLabel, className, ...other });
 
@@ -32,9 +32,4 @@ Alert.propTypes = {
   ariaLabel: PropTypes.string,
 };
 
-Alert.defaultProps = {
-  size: "medium",
-  ariaLabel: "",
-};
-
 export default Alert;