@postal-music/icons 0.1.13 → 0.1.14

package/dist/types/icons/actions/Pencil02Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Pencil02IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const Pencil02Icon: React.FC<Pencil02IconProps>;
+export default Pencil02Icon;

package/dist/types/icons/actions/index.d.ts

@@ -10,6 +10,7 @@ export { default as MinusIcon } from './MinusIcon';
 export { default as MoreOptionsIcon } from './MoreOptionsIcon';
 export { default as MoveIcon } from './MoveIcon';
 export { default as PencilIcon } from './PencilIcon';
+export { default as Pencil02Icon } from './Pencil02Icon';
 export { default as PlusCircleIcon } from './PlusCircleIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { RefreshIcon } from './RefreshIcon';

package/dist/types/icons/general/Share06Icon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+    className?: string;
+};
+export declare const Share06Icon: React.FC<IconProps>;
+export default Share06Icon;

package/dist/types/icons/general/index.d.ts

@@ -35,6 +35,7 @@ export { default as QuestionCircleIcon } from './QuestionCircleIcon';
 export { default as Recording01Icon } from './Recordering01';
 export { default as Recording02Icon } from './Recording02';
 export { Share01Icon } from './Share01Icon';
+export { Share06Icon } from './Share06Icon';
 export { default as ShareIcon } from './ShareIcon';
 export { default as StarIcon } from './StarIcon';
 export { default as Star01Icon } from './Star01Icon';

package/dist/types/icons/users/User02Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const User02Icon: React.FC<IconProps>;
+export default User02Icon;

package/dist/types/icons/users/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AccountIcon } from './AccountIcon';
+export { default as User02Icon } from './User02Icon';
 export { default as UserApproveIcon } from './UserApproveIcon';
 export { default as UserIcon } from './UserIcon';
 export { UserPlusIcon } from './UserPlusIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postal-music/icons",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Shared design system for Postal — icons and tokens for React and React Native",
   "publishConfig": {
     "access": "public"

package/src/icons/actions/Pencil02Icon.native.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface Pencil02IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Pencil02Icon: React.FC<Pencil02IconProps> = ({
+  size = 20,
+  color = "#000000",
+  fill = "none",
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+    <Path
+      d="M5.56613 17.2697C5.82058 17.2003 5.9478 17.1656 6.06644 17.1123C6.17178 17.065 6.27192 17.0069 6.36525 16.9389C6.47036 16.8623 6.56361 16.7691 6.7501 16.5826L15.3613 7.97143C15.5263 7.80642 15.6088 7.72391 15.6397 7.62878C15.6669 7.54509 15.6669 7.45495 15.6397 7.37126C15.6088 7.27613 15.5263 7.19362 15.3613 7.02862L12.9708 4.63809C12.8057 4.47308 12.7232 4.39058 12.6281 4.35967C12.5444 4.33248 12.4543 4.33248 12.3706 4.35967C12.2755 4.39058 12.193 4.47308 12.0279 4.63809L3.41677 13.2493C3.23027 13.4358 3.13703 13.529 3.06045 13.6341C2.99245 13.7274 2.93434 13.8276 2.88704 13.9329C2.83378 14.0516 2.79908 14.1788 2.72968 14.4332L1.66602 18.3334L5.56613 17.2697Z"
+      fill={fill}
+    />
+    <Path
+      d="M14.9993 1.66669L18.3327 5.00002M1.66602 18.3334L2.72968 14.4332C2.79908 14.1788 2.83378 14.0516 2.88704 13.9329C2.93434 13.8276 2.99245 13.7274 3.06045 13.6341C3.13703 13.529 3.23027 13.4358 3.41677 13.2493L12.0279 4.63809C12.193 4.47308 12.2755 4.39058 12.3706 4.35967C12.4543 4.33248 12.5444 4.33248 12.6281 4.35967C12.7232 4.39058 12.8057 4.47308 12.9708 4.63809L15.3613 7.02862C15.5263 7.19362 15.6088 7.27613 15.6397 7.37126C15.6669 7.45495 15.6669 7.54509 15.6397 7.62878C15.6088 7.72391 15.5263 7.80642 15.3613 7.97143L6.7501 16.5826C6.56361 16.7691 6.47036 16.8623 6.36525 16.9389C6.27192 17.0069 6.17178 17.065 6.06644 17.1123C5.9478 17.1656 5.82058 17.2003 5.56613 17.2697L1.66602 18.3334Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Pencil02Icon };
+export default Pencil02Icon;

package/src/icons/actions/Pencil02Icon.web.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+
+interface Pencil02IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Pencil02Icon: React.FC<Pencil02IconProps> = ({
+  size = 20,
+  color = "currentColor",
+  fill = "none",
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.56613 17.2697C5.82058 17.2003 5.9478 17.1656 6.06644 17.1123C6.17178 17.065 6.27192 17.0069 6.36525 16.9389C6.47036 16.8623 6.56361 16.7691 6.7501 16.5826L15.3613 7.97143C15.5263 7.80642 15.6088 7.72391 15.6397 7.62878C15.6669 7.54509 15.6669 7.45495 15.6397 7.37126C15.6088 7.27613 15.5263 7.19362 15.3613 7.02862L12.9708 4.63809C12.8057 4.47308 12.7232 4.39058 12.6281 4.35967C12.5444 4.33248 12.4543 4.33248 12.3706 4.35967C12.2755 4.39058 12.193 4.47308 12.0279 4.63809L3.41677 13.2493C3.23027 13.4358 3.13703 13.529 3.06045 13.6341C2.99245 13.7274 2.93434 13.8276 2.88704 13.9329C2.83378 14.0516 2.79908 14.1788 2.72968 14.4332L1.66602 18.3334L5.56613 17.2697Z"
+      fill={fill}
+    />
+    <path
+      d="M14.9993 1.66669L18.3327 5.00002M1.66602 18.3334L2.72968 14.4332C2.79908 14.1788 2.83378 14.0516 2.88704 13.9329C2.93434 13.8276 2.99245 13.7274 3.06045 13.6341C3.13703 13.529 3.23027 13.4358 3.41677 13.2493L12.0279 4.63809C12.193 4.47308 12.2755 4.39058 12.3706 4.35967C12.4543 4.33248 12.5444 4.33248 12.6281 4.35967C12.7232 4.39058 12.8057 4.47308 12.9708 4.63809L15.3613 7.02862C15.5263 7.19362 15.6088 7.27613 15.6397 7.37126C15.6669 7.45495 15.6669 7.54509 15.6397 7.62878C15.6088 7.72391 15.5263 7.80642 15.3613 7.97143L6.7501 16.5826C6.56361 16.7691 6.47036 16.8623 6.36525 16.9389C6.27192 17.0069 6.17178 17.065 6.06644 17.1123C5.9478 17.1656 5.82058 17.2003 5.56613 17.2697L1.66602 18.3334Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Pencil02Icon;

package/src/icons/actions/index.ts

@@ -10,6 +10,7 @@ export { default as MinusIcon } from './MinusIcon';
 export { default as MoreOptionsIcon } from './MoreOptionsIcon';
 export { default as MoveIcon } from './MoveIcon';
 export { default as PencilIcon } from './PencilIcon';
+export { default as Pencil02Icon } from './Pencil02Icon';
 export { default as PlusCircleIcon } from './PlusCircleIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { RefreshIcon } from './RefreshIcon';

package/src/icons/general/Share06Icon.native.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type IconProps = {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+};
+
+const Share06Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "#000000",
+  fill = color,
+  strokeWidth = 1,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+    <Path
+      d="M15.5935 9.45553C15.7766 9.29859 15.8682 9.22013 15.9017 9.12675C15.9311 9.0448 15.9311 8.95515 15.9017 8.8732C15.8682 8.77982 15.7766 8.70136 15.5935 8.54442L9.24047 3.09895C8.9253 2.82881 8.76772 2.69373 8.6343 2.69042C8.51835 2.68755 8.40759 2.73849 8.33432 2.8284C8.25 2.93185 8.25 3.1394 8.25 3.55451V6.77595C6.64899 7.05604 5.1837 7.86729 4.09478 9.08537C2.90762 10.4134 2.25093 12.1319 2.25 13.9132V14.3722C3.03701 13.4241 4.01963 12.6574 5.13057 12.1244C6.11002 11.6545 7.16881 11.3762 8.25 11.3029V14.4454C8.25 14.8605 8.25 15.0681 8.33432 15.1716C8.40759 15.2615 8.51835 15.3124 8.6343 15.3095C8.76772 15.3062 8.9253 15.1711 9.24047 14.901L15.5935 9.45553Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Share06Icon };
+export default Share06Icon;

package/src/icons/general/Share06Icon.web.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+
+type IconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+  className?: string;
+};
+
+export const Share06Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  fill = color,
+  strokeWidth = 1,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    role="img"
+    aria-hidden="true"
+    {...props}
+  >
+    <path
+      d="M15.5935 9.45553C15.7766 9.29859 15.8682 9.22013 15.9017 9.12675C15.9311 9.0448 15.9311 8.95515 15.9017 8.8732C15.8682 8.77982 15.7766 8.70136 15.5935 8.54442L9.24047 3.09895C8.9253 2.82881 8.76772 2.69373 8.6343 2.69042C8.51835 2.68755 8.40759 2.73849 8.33432 2.8284C8.25 2.93185 8.25 3.1394 8.25 3.55451V6.77595C6.64899 7.05604 5.1837 7.86729 4.09478 9.08537C2.90762 10.4134 2.25093 12.1319 2.25 13.9132V14.3722C3.03701 13.4241 4.01963 12.6574 5.13057 12.1244C6.11002 11.6545 7.16881 11.3762 8.25 11.3029V14.4454C8.25 14.8605 8.25 15.0681 8.33432 15.1716C8.40759 15.2615 8.51835 15.3124 8.6343 15.3095C8.76772 15.3062 8.9253 15.1711 9.24047 14.901L15.5935 9.45553Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Share06Icon;

package/src/icons/general/index.ts

@@ -35,6 +35,7 @@ export { default as QuestionCircleIcon } from './QuestionCircleIcon';
 export { default as Recording01Icon } from './Recordering01';
 export { default as Recording02Icon } from './Recording02';
 export { Share01Icon } from './Share01Icon';
+export { Share06Icon } from './Share06Icon';
 export { default as ShareIcon } from './ShareIcon';
 export { default as StarIcon } from './StarIcon';
 export { default as Star01Icon } from './Star01Icon';

package/src/icons/users/User02Icon.native.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const User02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "#000000",
+  fill = color,
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 14 14" fill="none">
+    <Path
+      d="M7.00008 8.75C5.15086 8.75 3.50637 9.64287 2.45941 11.0285C2.23407 11.3267 2.1214 11.4758 2.12509 11.6773C2.12793 11.833 2.2257 12.0294 2.34821 12.1256C2.50677 12.25 2.7265 12.25 3.16596 12.25H10.8342C11.2737 12.25 11.4934 12.25 11.6519 12.1256C11.7744 12.0294 11.8722 11.833 11.8751 11.6773C11.8787 11.4758 11.7661 11.3267 11.5407 11.0285C10.4938 9.64287 8.84929 8.75 7.00008 8.75Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M7.00008 7C8.44982 7 9.62508 5.82475 9.62508 4.375C9.62508 2.92525 8.44982 1.75 7.00008 1.75C5.55033 1.75 4.37508 2.92525 4.37508 4.375C4.37508 5.82475 5.55033 7 7.00008 7Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { User02Icon };
+export default User02Icon;

package/src/icons/users/User02Icon.web.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const User02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  fill = color,
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7.00008 8.75C5.15086 8.75 3.50637 9.64287 2.45941 11.0285C2.23407 11.3267 2.1214 11.4758 2.12509 11.6773C2.12793 11.833 2.2257 12.0294 2.34821 12.1256C2.50677 12.25 2.7265 12.25 3.16596 12.25H10.8342C11.2737 12.25 11.4934 12.25 11.6519 12.1256C11.7744 12.0294 11.8722 11.833 11.8751 11.6773C11.8787 11.4758 11.7661 11.3267 11.5407 11.0285C10.4938 9.64287 8.84929 8.75 7.00008 8.75Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7.00008 7C8.44982 7 9.62508 5.82475 9.62508 4.375C9.62508 2.92525 8.44982 1.75 7.00008 1.75C5.55033 1.75 4.37508 2.92525 4.37508 4.375C4.37508 5.82475 5.55033 7 7.00008 7Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default User02Icon;

package/src/icons/users/index.ts

@@ -1,4 +1,5 @@
 export { default as AccountIcon } from './AccountIcon';
+export { default as User02Icon } from './User02Icon';
 export { default as UserApproveIcon } from './UserApproveIcon';
 export { default as UserIcon } from './UserIcon';
 export { UserPlusIcon } from './UserPlusIcon';