Add line icons : pause, play, passbook

.gitignore

@@ -8,3 +8,4 @@ public/
 .vs-code
 dist/
 .vscode
+.idea/

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@setu/crucible-icons",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "description": "Crucible Icons package",
     "license": "MIT",
     "main": "./dist/cjs/index.js",

src/icons/reactLineIcons/Braces.tsx

@@ -30,7 +30,7 @@ export const Braces = React.forwardRef<SVGSVGElement, LineIconProps>(
                     <path
                         strokeWidth="2"
                         fill="none"
-                        className=" stroke "
+                        className="stroke"
                         strokeLinecap="round"
                         strokeLinejoin="round"
                         d="M9,4H8A2,2,0,0,0,6,6V9a3,3,0,0,1-3,3H3a3,3,0,0,1,3,3v3a2,2,0,0,0,2,2H9"

src/icons/reactLineIcons/Passbook.tsx

@@ -0,0 +1,67 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { LineIconProps } from "../../types";
+import { SVGLineIconWrapper } from "../../styles";
+
+export const Passbook = React.forwardRef<SVGSVGElement, LineIconProps>(
+    ({ width = 24, height = 24, ...props }, forwardedRef) => {
+        return (
+            <SVGLineIconWrapper {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+                    <path
+                        d="M3.81063 12.7575C3.92193 12.3123 4.32191 12 4.78078 12H19.2192C19.6781 12 20.0781 12.3123 20.1894 12.7575L21.3787 17.5149C21.6943 18.7772 20.7396 20 19.4384 20H4.56155C3.26041 20 2.30569 18.7772 2.62127 17.5149L3.81063 12.7575Z"
+                        className="stroke"
+                        strokeWidth="2"
+                    />
+                    <path
+                        d="M20 11C20 11.5523 19.5523 12 19 12L5 12C4.44772 12 4 11.5523 4 11L4 6C4 4.89543 4.89543 4 6 4L18 4C19.1046 4 20 4.89543 20 6L20 11Z"
+                        className="stroke"
+                        strokeWidth="2"
+                    />
+                    <path
+                        d="M11 16L17 16"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M11 8L17 8"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M7 16L8 16"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M7 8L8 8"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+            </SVGLineIconWrapper>
+        );
+    }
+);
+
+Passbook.displayName = "Passbook";
+
+export default Passbook;

src/icons/reactLineIcons/Pause.tsx

@@ -0,0 +1,50 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { LineIconProps } from "../../types";
+import { SVGLineIconWrapper } from "../../styles";
+
+export const Pause = React.forwardRef<SVGSVGElement, LineIconProps>(
+    ({ width = 24, height = 24, ...props }, forwardedRef) => {
+        return (
+            <SVGLineIconWrapper {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+                    <path
+                        d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M10 9V15"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M14 9V15"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+            </SVGLineIconWrapper>
+        );
+    }
+);
+
+Pause.displayName = "Pause";
+
+export default Pause;

src/icons/reactLineIcons/Play.tsx

@@ -0,0 +1,43 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { LineIconProps } from "../../types";
+import { SVGLineIconWrapper } from "../../styles";
+
+export const Play = React.forwardRef<SVGSVGElement, LineIconProps>(
+    ({ width = 24, height = 24, ...props }, forwardedRef) => {
+        return (
+            <SVGLineIconWrapper {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+                    <path
+                        d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M16 12.0001L9 8L9.00025 16L16 12.0001Z"
+                        className="stroke"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+            </SVGLineIconWrapper>
+        );
+    }
+);
+
+Play.displayName = "Play";
+
+export default Play;

src/icons/reactLineIcons/WarningSign.tsx

@@ -10,9 +10,6 @@ export const WarningSign = React.forwardRef<SVGSVGElement, LineIconProps>(
         return (
             <SVGLineIconWrapper {...props}>
                 <svg
-                    width={width}
-                    height={height}
-                    ref={forwardedRef}
                     id="Layer_2"
                     data-name="Layer 2"
                     xmlns="http://www.w3.org/2000/svg"

src/icons/reactLineIcons/index.ts

@@ -87,10 +87,13 @@ export { default as Money } from "./Money";
 export { default as Moon } from "./Moon";
 export { default as PaintRollerLineIcon } from "./PaintRollerLineIcon";
 export { default as Pan } from "./Pan";
+export { default as Passbook } from "./Passbook";
+export { default as Pause } from "./Pause";
 export { default as Pen } from "./Pen";
 export { default as PencilWithSign } from "./PencilWithSign";
 export { default as PhoneReceiver } from "./PhoneReceiver";
 export { default as PieChart } from "./PieChart";
+export { default as Play } from "./Play";
 export { default as Plug } from "./Plug";
 export { default as Plus } from "./Plus";
 export { default as ProgressBarLineIcon } from "./ProgressBarLineIcon";

src/icons/reactPictograms/Calendar.tsx

@@ -21,7 +21,7 @@ export const Calendar = React.forwardRef<SVGSVGElement, PictogramIconProps>(
                     <g className="isolate">
                         <g id="Layer_1" data-name="Layer 1">
                             <path className="base" d="M4,21H60V58a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2Z" />
-                            <g className="mix-blend-multiply ">
+                            <g className="mix-blend-multiply">
                                 <path className="primary" d="M6,7H58a2,2,0,0,1,2,2V24H4V9A2,2,0,0,1,6,7Z" />
                             </g>
                             <g className="mix-blend-multiply">

src/icons/reactPictograms/Integrity.tsx

@@ -35,7 +35,7 @@ export const Integrity = React.forwardRef<SVGSVGElement, PictogramIconProps>(
                                 className="base mix-blend-multiply"
                                 points="59 28 46 28 40 13 48 13 59 28"
                             />
-                            <polygon className="primary " opacity="0.3" points="5 28 18 28 24 13 16 13 5 28" />
+                            <polygon className="primary" opacity="0.3" points="5 28 18 28 24 13 16 13 5 28" />
                             <polyline opacity="0.1" className="primary" points="5 28 18 28 32 59" />
                             <polyline className="base mix-blend-multiply" points="59 28 46 28 32 59" />
                         </g>

src/icons/reactPictograms/MobileWithTag.tsx

@@ -36,7 +36,7 @@ export const MobileWithTag = React.forwardRef<SVGSVGElement, PictogramIconProps>
                                 </g>
                                 <path
                                     d="M33.57 38.3703L24.65 33.2003C24.5019 33.1279 24.3709 33.0249 24.2658 32.898C24.1606 32.7711 24.0837 32.6232 24.0402 32.4643C23.9967 32.3053 23.9875 32.1389 24.0134 31.9761C24.0392 31.8133 24.0994 31.6579 24.19 31.5203C24.3017 31.3355 24.4604 31.1836 24.65 31.0803L33.57 25.8803C33.7634 25.7752 33.9799 25.7202 34.2 25.7202C34.4201 25.7202 34.6366 25.7752 34.83 25.8803C35.0202 25.9689 35.1802 26.1114 35.29 26.2903C35.3916 26.4739 35.4448 26.6804 35.4448 26.8903C35.4448 27.1001 35.3916 27.3066 35.29 27.4903C35.188 27.6791 35.0311 27.8325 34.84 27.9303L26.68 32.6003V31.6003L34.83 36.3303C35.0109 36.4294 35.1626 36.5742 35.27 36.7503C35.3818 36.923 35.4408 37.1245 35.44 37.3303C35.447 37.4769 35.4231 37.6234 35.37 37.7603C35.3114 37.8932 35.2302 38.015 35.13 38.1203C34.9357 38.3283 34.6799 38.4685 34.4 38.5203C34.1143 38.5772 33.8177 38.5236 33.57 38.3703V38.3703Z"
-                                    className="primary "
+                                    className="primary"
                                 />
                                 <path
                                     fillRule="evenodd"

src/iconsIndex.tsx

@@ -283,10 +283,13 @@ export { default as Money } from "./icons/reactLineIcons/Money";
 export { default as Moon } from "./icons/reactLineIcons/Moon";
 export { default as PaintRollerLineIcon } from "./icons/reactLineIcons/PaintRollerLineIcon";
 export { default as Pan } from "./icons/reactLineIcons/Pan";
+export { default as Passbook } from "./icons/reactLineIcons/Passbook";
+export { default as Pause } from "./icons/reactLineIcons/Pause";
 export { default as Pen } from "./icons/reactLineIcons/Pen";
 export { default as PencilWithSign } from "./icons/reactLineIcons/PencilWithSign";
 export { default as PhoneReceiver } from "./icons/reactLineIcons/PhoneReceiver";
 export { default as PieChart } from "./icons/reactLineIcons/PieChart";
+export { default as Play } from "./icons/reactLineIcons/Play";
 export { default as Plug } from "./icons/reactLineIcons/Plug";
 export { default as Plus } from "./icons/reactLineIcons/Plus";
 export { default as ProgressBarLineIcon } from "./icons/reactLineIcons/ProgressBarLineIcon";