@postal-music/icons 0.1.21 → 0.1.23

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

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

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

@@ -1,6 +1,7 @@
 export { default as ActivityIcon } from './ActivityIcon';
 export { default as BookIcon } from './BookIcon';
 export { default as Briefcase01Icon } from './Briefcase01Icon';
+export { default as Building02Icon } from './Building02Icon';
 export { default as Building03Icon } from './Building03Icon';
 export { default as BookmarkIcon } from './BookmarkIcon';
 export { default as CollaborativeIcon } from './CollaborativeIcon';

package/dist/types/icons/media/BackwardIcon.d.ts

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

package/dist/types/icons/media/ForwardIcon.d.ts

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

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

@@ -1,5 +1,7 @@
 export { default as TenSecondsBackIcon } from './10SecondsBackIcon';
+export { default as BackwardIcon } from './BackwardIcon';
 export { default as EqualizerIcon } from './EqualizerIcon';
+export { default as ForwardIcon } from './ForwardIcon';
 export { default as Film01Icon } from './Film01Icon';
 export { default as Film03Icon } from './Film03Icon';
 export { default as Microphone01Icon } from './Microphone01Icon';

package/package.json

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

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

@@ -13,7 +13,6 @@ const TrashIcon: React.FC<IconProps> = ({ size = 20, color = "currentColor", ...
       strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
-      vectorEffect="non-scaling-stroke"
 
     />
   </svg>

package/src/icons/files/DownloadIcon.web.tsx

@@ -23,7 +23,6 @@ const DownloadIcon: React.FC<IconProps> = ({ size = 18, color = "currentColor",
       strokeWidth={strokeWidth}
       strokeLinecap="round"
       strokeLinejoin="round"
-        vectorEffect="non-scaling-stroke"
     />
   </svg>
 );

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

@@ -0,0 +1,48 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  filled?: boolean;
+}
+
+const Building02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = '#000000',
+  strokeWidth = 1.67,
+  filled = false,
+}) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+  >
+    {filled ? (
+      <>
+        <Path
+          d="M2.25 5.25V4.65C2.25 3.80992 2.25 3.38988 2.41349 3.06901C2.5573 2.78677 2.78677 2.5573 3.06901 2.41349C3.38988 2.25 3.80992 2.25 4.65 2.25H13.35C14.1901 2.25 14.6101 2.25 14.931 2.41349C15.2132 2.5573 15.4427 2.78677 15.5865 3.06901C15.75 3.38988 15.75 3.80992 15.75 4.65V5.25C15.75 6.49264 14.7426 7.5 13.5 7.5C12.2574 7.5 11.25 6.49264 11.25 5.25C11.25 6.49264 10.2426 7.5 9 7.5C7.75736 7.5 6.75 6.49264 6.75 5.25C6.75 6.49264 5.74264 7.5 4.5 7.5C3.25736 7.5 2.25 6.49264 2.25 5.25Z"
+          fill={color}
+        />
+        <Path
+          d="M2.25 8.75H15.75V13.35C15.75 14.1901 15.75 14.6101 15.5865 14.931C15.4427 15.2132 15.2132 15.4427 14.931 15.5865C14.6101 15.75 14.1901 15.75 13.35 15.75H4.65C3.80992 15.75 3.38988 15.75 3.06901 15.5865C2.78677 15.4427 2.5573 15.2132 2.41349 14.931C2.25 14.6101 2.25 14.1901 2.25 13.35V8.75ZM6.75 15.75V11.7C6.75 11.28 6.75 11.0699 6.83175 10.9095C6.90365 10.7684 7.01839 10.6537 7.15951 10.5817C7.31994 10.5 7.52996 10.5 7.95 10.5H10.05C10.47 10.5 10.6801 10.5 10.8405 10.5817C10.9816 10.6537 11.0963 10.7684 11.1683 10.9095C11.25 11.0699 11.25 11.28 11.25 11.7V15.75H6.75Z"
+          fill={color}
+          fillRule="evenodd"
+        />
+      </>
+    ) : (
+      <Path
+        d="M11.25 15.75V11.7C11.25 11.28 11.25 11.0699 11.1683 10.9095C11.0963 10.7684 10.9816 10.6537 10.8405 10.5817C10.6801 10.5 10.47 10.5 10.05 10.5H7.95C7.52996 10.5 7.31994 10.5 7.15951 10.5817C7.01839 10.6537 6.90365 10.7684 6.83175 10.9095C6.75 11.0699 6.75 11.28 6.75 11.7V15.75M2.25 5.25C2.25 6.49264 3.25736 7.5 4.5 7.5C5.74264 7.5 6.75 6.49264 6.75 5.25C6.75 6.49264 7.75736 7.5 9 7.5C10.2426 7.5 11.25 6.49264 11.25 5.25C11.25 6.49264 12.2574 7.5 13.5 7.5C14.7426 7.5 15.75 6.49264 15.75 5.25M4.65 15.75H13.35C14.1901 15.75 14.6101 15.75 14.931 15.5865C15.2132 15.4427 15.4427 15.2132 15.5865 14.931C15.75 14.6101 15.75 14.1901 15.75 13.35V4.65C15.75 3.80992 15.75 3.38988 15.5865 3.06901C15.4427 2.78677 15.2132 2.5573 14.931 2.41349C14.6101 2.25 14.1901 2.25 13.35 2.25H4.65C3.80992 2.25 3.38988 2.25 3.06901 2.41349C2.78677 2.5573 2.5573 2.78677 2.41349 3.06901C2.25 3.38988 2.25 3.80992 2.25 4.65V13.35C2.25 14.1901 2.25 14.6101 2.41349 14.931C2.5573 15.2132 2.78677 15.4427 3.06901 15.5865C3.38988 15.75 3.80992 15.75 4.65 15.75Z"
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    )}
+  </Svg>
+);
+
+export { Building02Icon };
+export default Building02Icon;

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

@@ -0,0 +1,49 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  filled?: boolean;
+}
+
+const Building02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  strokeWidth = 1.67,
+  filled = false,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    {filled ? (
+      <>
+        <path
+          d="M2.25 5.25V4.65C2.25 3.80992 2.25 3.38988 2.41349 3.06901C2.5573 2.78677 2.78677 2.5573 3.06901 2.41349C3.38988 2.25 3.80992 2.25 4.65 2.25H13.35C14.1901 2.25 14.6101 2.25 14.931 2.41349C15.2132 2.5573 15.4427 2.78677 15.5865 3.06901C15.75 3.38988 15.75 3.80992 15.75 4.65V5.25C15.75 6.49264 14.7426 7.5 13.5 7.5C12.2574 7.5 11.25 6.49264 11.25 5.25C11.25 6.49264 10.2426 7.5 9 7.5C7.75736 7.5 6.75 6.49264 6.75 5.25C6.75 6.49264 5.74264 7.5 4.5 7.5C3.25736 7.5 2.25 6.49264 2.25 5.25Z"
+          fill={color}
+        />
+        <path
+          d="M2.25 8.75H15.75V13.35C15.75 14.1901 15.75 14.6101 15.5865 14.931C15.4427 15.2132 15.2132 15.4427 14.931 15.5865C14.6101 15.75 14.1901 15.75 13.35 15.75H4.65C3.80992 15.75 3.38988 15.75 3.06901 15.5865C2.78677 15.4427 2.5573 15.2132 2.41349 14.931C2.25 14.6101 2.25 14.1901 2.25 13.35V8.75ZM6.75 15.75V11.7C6.75 11.28 6.75 11.0699 6.83175 10.9095C6.90365 10.7684 7.01839 10.6537 7.15951 10.5817C7.31994 10.5 7.52996 10.5 7.95 10.5H10.05C10.47 10.5 10.6801 10.5 10.8405 10.5817C10.9816 10.6537 11.0963 10.7684 11.1683 10.9095C11.25 11.0699 11.25 11.28 11.25 11.7V15.75H6.75Z"
+          fill={color}
+          fillRule="evenodd"
+        />
+      </>
+    ) : (
+      <path
+        d="M11.25 15.75V11.7C11.25 11.28 11.25 11.0699 11.1683 10.9095C11.0963 10.7684 10.9816 10.6537 10.8405 10.5817C10.6801 10.5 10.47 10.5 10.05 10.5H7.95C7.52996 10.5 7.31994 10.5 7.15951 10.5817C7.01839 10.6537 6.90365 10.7684 6.83175 10.9095C6.75 11.0699 6.75 11.28 6.75 11.7V15.75M2.25 5.25C2.25 6.49264 3.25736 7.5 4.5 7.5C5.74264 7.5 6.75 6.49264 6.75 5.25C6.75 6.49264 7.75736 7.5 9 7.5C10.2426 7.5 11.25 6.49264 11.25 5.25C11.25 6.49264 12.2574 7.5 13.5 7.5C14.7426 7.5 15.75 6.49264 15.75 5.25M4.65 15.75H13.35C14.1901 15.75 14.6101 15.75 14.931 15.5865C15.2132 15.4427 15.4427 15.2132 15.5865 14.931C15.75 14.6101 15.75 14.1901 15.75 13.35V4.65C15.75 3.80992 15.75 3.38988 15.5865 3.06901C15.4427 2.78677 15.2132 2.5573 14.931 2.41349C14.6101 2.25 14.1901 2.25 13.35 2.25H4.65C3.80992 2.25 3.38988 2.25 3.06901 2.41349C2.78677 2.5573 2.5573 2.78677 2.41349 3.06901C2.25 3.38988 2.25 3.80992 2.25 4.65V13.35C2.25 14.1901 2.25 14.6101 2.41349 14.931C2.5573 15.2132 2.78677 15.4427 3.06901 15.5865C3.38988 15.75 3.80992 15.75 4.65 15.75Z"
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    )}
+  </svg>
+);
+
+export default Building02Icon;

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

@@ -23,7 +23,6 @@ export default function StarIcon({
         strokeLinecap="round"
         strokeLinejoin="round"
         fill={filled ? "currentColor" : "none"}
-        vectorEffect="non-scaling-stroke"
       />
     </svg>
   );

package/src/icons/general/index.ts

@@ -1,6 +1,7 @@
 export { default as ActivityIcon } from './ActivityIcon';
 export { default as BookIcon } from './BookIcon';
 export { default as Briefcase01Icon } from './Briefcase01Icon';
+export { default as Building02Icon } from './Building02Icon';
 export { default as Building03Icon } from './Building03Icon';
 export { default as BookmarkIcon } from './BookmarkIcon';
 export { default as CollaborativeIcon } from './CollaborativeIcon';

package/src/icons/media/BackwardIcon.native.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+}
+
+const BackwardIcon: React.FC<IconProps> = ({ size = 20, color = '#000000' }) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 28 16"
+    fill="none"
+  >
+    <Path
+      d="M14.25 12.6738C14.25 13.3213 14.25 13.645 14.0981 13.8234C13.9658 13.9789 13.7636 14.0751 13.5447 14.0867C13.2934 14.1 12.9904 13.9205 12.3844 13.5613L4.49769 8.88776C3.99693 8.59101 3.74654 8.44264 3.65929 8.25562C3.58301 8.09212 3.58301 7.90836 3.65929 7.74486C3.74654 7.55784 3.99693 7.40947 4.49769 7.11272L12.3844 2.43914C12.9904 2.08 13.2934 1.90043 13.5447 1.91377C13.7636 1.92539 13.9658 2.02159 14.0981 2.17705C14.25 2.35549 14.25 2.67921 14.25 3.32666L14.25 12.6738Z"
+      fill={color}
+    />
+    <Path
+      d="M24.25 12.6738C24.25 13.3213 24.25 13.645 24.0981 13.8234C23.9658 13.9789 23.7636 14.0751 23.5447 14.0867C23.2934 14.1 22.9904 13.9205 22.3844 13.5613L14.4977 8.88776C13.9969 8.59101 13.7465 8.44264 13.6593 8.25562C13.583 8.09212 13.583 7.90836 13.6593 7.74486C13.7465 7.55784 13.9969 7.40947 14.4977 7.11272L22.3844 2.43914C22.9904 2.08 23.2934 1.90043 23.5447 1.91377C23.7636 1.92539 23.9658 2.02159 24.0981 2.17705C24.25 2.35549 24.25 2.67921 24.25 3.32666L24.25 12.6738Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export { BackwardIcon };
+export default BackwardIcon;

package/src/icons/media/BackwardIcon.web.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+
+const BackwardIcon: React.FC<IconProps> = ({ size = 20, color = "currentColor", ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 28 16"
+    fill="none"
+    {...props}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M14.25 12.6738C14.25 13.3213 14.25 13.645 14.0981 13.8234C13.9658 13.9789 13.7636 14.0751 13.5447 14.0867C13.2934 14.1 12.9904 13.9205 12.3844 13.5613L4.49769 8.88776C3.99693 8.59101 3.74654 8.44264 3.65929 8.25562C3.58301 8.09212 3.58301 7.90836 3.65929 7.74486C3.74654 7.55784 3.99693 7.40947 4.49769 7.11272L12.3844 2.43914C12.9904 2.08 13.2934 1.90043 13.5447 1.91377C13.7636 1.92539 13.9658 2.02159 14.0981 2.17705C14.25 2.35549 14.25 2.67921 14.25 3.32666L14.25 12.6738Z"
+      fill={color}
+    />
+    <path
+      d="M24.25 12.6738C24.25 13.3213 24.25 13.645 24.0981 13.8234C23.9658 13.9789 23.7636 14.0751 23.5447 14.0867C23.2934 14.1 22.9904 13.9205 22.3844 13.5613L14.4977 8.88776C13.9969 8.59101 13.7465 8.44264 13.6593 8.25562C13.583 8.09212 13.583 7.90836 13.6593 7.74486C13.7465 7.55784 13.9969 7.40947 14.4977 7.11272L22.3844 2.43914C22.9904 2.08 23.2934 1.90043 23.5447 1.91377C23.7636 1.92539 23.9658 2.02159 24.0981 2.17705C24.25 2.35549 24.25 2.67921 24.25 3.32666L24.25 12.6738Z"
+      fill={color}
+    />
+  </svg>
+);
+
+export default BackwardIcon;

package/src/icons/media/ForwardIcon.native.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+}
+
+const ForwardIcon: React.FC<IconProps> = ({ size = 20, color = '#000000' }) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 28 16"
+    fill="none"
+  >
+    <Path
+      d="M3.75 3.32618C3.75 2.67874 3.75 2.35502 3.90187 2.17657C4.03417 2.02111 4.23639 1.92491 4.4553 1.91329C4.70658 1.89996 5.0096 2.07953 5.61564 2.43866L13.5023 7.11224C14.0031 7.40899 14.2535 7.55737 14.3407 7.74438C14.417 7.90789 14.417 8.09164 14.3407 8.25514C14.2535 8.44216 14.0031 8.59053 13.5023 8.88728L5.61564 13.5609C5.0096 13.92 4.70658 14.0996 4.4553 14.0862C4.23639 14.0746 4.03417 13.9784 3.90187 13.823C3.75 13.6445 3.75 13.3208 3.75 12.6733L3.75 3.32618Z"
+      fill={color}
+    />
+    <Path
+      d="M13.75 3.32618C13.75 2.67874 13.75 2.35502 13.9019 2.17657C14.0342 2.02111 14.2364 1.92491 14.4553 1.91329C14.7066 1.89996 15.0096 2.07953 15.6156 2.43866L23.5023 7.11224C24.0031 7.40899 24.2535 7.55737 24.3407 7.74438C24.417 7.90789 24.417 8.09164 24.3407 8.25514C24.2535 8.44216 24.0031 8.59053 23.5023 8.88728L15.6156 13.5609C15.0096 13.92 14.7066 14.0996 14.4553 14.0862C14.2364 14.0746 14.0342 13.9784 13.9019 13.823C13.75 13.6445 13.75 13.3208 13.75 12.6733L13.75 3.32618Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export { ForwardIcon };
+export default ForwardIcon;

package/src/icons/media/ForwardIcon.web.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+
+const ForwardIcon: React.FC<IconProps> = ({ size = 20, color = "currentColor", ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 28 16"
+    fill="none"
+    {...props}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.75 3.32618C3.75 2.67874 3.75 2.35502 3.90187 2.17657C4.03417 2.02111 4.23639 1.92491 4.4553 1.91329C4.70658 1.89996 5.0096 2.07953 5.61564 2.43866L13.5023 7.11224C14.0031 7.40899 14.2535 7.55737 14.3407 7.74438C14.417 7.90789 14.417 8.09164 14.3407 8.25514C14.2535 8.44216 14.0031 8.59053 13.5023 8.88728L5.61564 13.5609C5.0096 13.92 4.70658 14.0996 4.4553 14.0862C4.23639 14.0746 4.03417 13.9784 3.90187 13.823C3.75 13.6445 3.75 13.3208 3.75 12.6733L3.75 3.32618Z"
+      fill={color}
+    />
+    <path
+      d="M13.75 3.32618C13.75 2.67874 13.75 2.35502 13.9019 2.17657C14.0342 2.02111 14.2364 1.92491 14.4553 1.91329C14.7066 1.89996 15.0096 2.07953 15.6156 2.43866L23.5023 7.11224C24.0031 7.40899 24.2535 7.55737 24.3407 7.74438C24.417 7.90789 24.417 8.09164 24.3407 8.25514C24.2535 8.44216 24.0031 8.59053 23.5023 8.88728L15.6156 13.5609C15.0096 13.92 14.7066 14.0996 14.4553 14.0862C14.2364 14.0746 14.0342 13.9784 13.9019 13.823C13.75 13.6445 13.75 13.3208 13.75 12.6733L13.75 3.32618Z"
+      fill={color}
+    />
+  </svg>
+);
+
+export default ForwardIcon;

package/src/icons/media/index.ts

@@ -1,5 +1,7 @@
 export { default as TenSecondsBackIcon } from './10SecondsBackIcon';
+export { default as BackwardIcon } from './BackwardIcon';
 export { default as EqualizerIcon } from './EqualizerIcon';
+export { default as ForwardIcon } from './ForwardIcon';
 export { default as Film01Icon } from './Film01Icon';
 export { default as Film03Icon } from './Film03Icon';
 export { default as Microphone01Icon } from './Microphone01Icon';