@postal-music/icons 0.1.1 → 0.1.3

package/package.json

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

package/src/icons/finance/Wallet01Icon.native.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Wallet01IconProps {
+  size?: number;
+  color?: string;
+}
+
+const Wallet01Icon: React.FC<Wallet01IconProps> = ({ size = 18, color = '#000000' }) => (
+  <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+    <Path
+      d="M16.5 6.375H1.5M1.5 9.375H4.16001C4.56515 9.375 4.76772 9.375 4.9636 9.40992C5.13747 9.44091 5.30708 9.49226 5.46893 9.56292C5.65128 9.64252 5.81983 9.75489 6.15693 9.97962L6.59307 10.2704C6.93017 10.4951 7.09872 10.6075 7.28107 10.6871C7.44292 10.7577 7.61253 10.8091 7.7864 10.8401C7.98228 10.875 8.18485 10.875 8.58999 10.875H9.41001C9.81515 10.875 10.0177 10.875 10.2136 10.8401C10.3875 10.8091 10.5571 10.7577 10.7189 10.6871C10.9013 10.6075 11.0698 10.4951 11.4069 10.2704L11.8431 9.97962C12.1802 9.75489 12.3487 9.64252 12.5311 9.56292C12.6929 9.49226 12.8625 9.44091 13.0364 9.40992C13.2323 9.375 13.4348 9.375 13.84 9.375H16.5M1.5 5.4L1.5 12.6C1.5 13.4401 1.5 13.8601 1.66349 14.181C1.8073 14.4632 2.03677 14.6927 2.31901 14.8365C2.63988 15 3.05992 15 3.9 15L14.1 15C14.9401 15 15.3601 15 15.681 14.8365C15.9632 14.6927 16.1927 14.4632 16.3365 14.181C16.5 13.8601 16.5 13.4401 16.5 12.6V5.4C16.5 4.55992 16.5 4.13988 16.3365 3.81902C16.1927 3.53677 15.9632 3.3073 15.681 3.16349C15.3601 3 14.9401 3 14.1 3L3.9 3C3.05992 3 2.63988 3 2.31901 3.16349C2.03677 3.3073 1.8073 3.53677 1.66349 3.81901C1.5 4.13988 1.5 4.55992 1.5 5.4Z"
+      stroke={color}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Wallet01Icon };
+export default Wallet01Icon;

package/src/icons/finance/Wallet01Icon.web.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+}
+
+const Wallet01Icon: React.FC<IconProps> = ({ size = 18, color = "currentColor" }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.5 6.375H1.5M1.5 9.375H4.16001C4.56515 9.375 4.76772 9.375 4.9636 9.40992C5.13747 9.44091 5.30708 9.49226 5.46893 9.56292C5.65128 9.64252 5.81983 9.75489 6.15693 9.97962L6.59307 10.2704C6.93017 10.4951 7.09872 10.6075 7.28107 10.6871C7.44292 10.7577 7.61253 10.8091 7.7864 10.8401C7.98228 10.875 8.18485 10.875 8.58999 10.875H9.41001C9.81515 10.875 10.0177 10.875 10.2136 10.8401C10.3875 10.8091 10.5571 10.7577 10.7189 10.6871C10.9013 10.6075 11.0698 10.4951 11.4069 10.2704L11.8431 9.97962C12.1802 9.75489 12.3487 9.64252 12.5311 9.56292C12.6929 9.49226 12.8625 9.44091 13.0364 9.40992C13.2323 9.375 13.4348 9.375 13.84 9.375H16.5M1.5 5.4L1.5 12.6C1.5 13.4401 1.5 13.8601 1.66349 14.181C1.8073 14.4632 2.03677 14.6927 2.31901 14.8365C2.63988 15 3.05992 15 3.9 15L14.1 15C14.9401 15 15.3601 15 15.681 14.8365C15.9632 14.6927 16.1927 14.4632 16.3365 14.181C16.5 13.8601 16.5 13.4401 16.5 12.6V5.4C16.5 4.55992 16.5 4.13988 16.3365 3.81902C16.1927 3.53677 15.9632 3.3073 15.681 3.16349C15.3601 3 14.9401 3 14.1 3L3.9 3C3.05992 3 2.63988 3 2.31901 3.16349C2.03677 3.3073 1.8073 3.53677 1.66349 3.81901C1.5 4.13988 1.5 4.55992 1.5 5.4Z"
+      stroke={color}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Wallet01Icon;

package/src/icons/finance/index.ts

@@ -1,3 +1,4 @@
 export { default as BankNote03Icon } from './BankNote03Icon';
 export { default as CoinsStacked03Icon } from './CoinsStacked03Icon';
 export { default as CreditCardIcon } from './CreditCardIcon';
+export { default as Wallet01Icon } from './Wallet01Icon';

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

@@ -0,0 +1,32 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type Gift01IconProps = {
+  size?: number | string;
+  color?: string;
+};
+
+const Gift01Icon: React.FC<Gift01IconProps> = ({
+  size = 14,
+  color = '#000000',
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+    >
+      <Path
+        d="M6.53328 3.03328V12.3666M6.53328 3.03328H4.47078C4.16689 3.03328 3.87544 2.91037 3.66056 2.69158C3.44567 2.47278 3.32495 2.17604 3.32495 1.86662C3.32495 1.5572 3.44567 1.26045 3.66056 1.04166C3.87544 0.822867 4.16689 0.699951 4.47078 0.699951C6.07495 0.699951 6.53328 3.03328 6.53328 3.03328ZM6.53328 3.03328H8.59578C8.89968 3.03328 9.19113 2.91037 9.40601 2.69158C9.6209 2.47278 9.74162 2.17604 9.74162 1.86662C9.74162 1.5572 9.6209 1.26045 9.40601 1.04166C9.19113 0.822867 8.89968 0.699951 8.59578 0.699951C6.99162 0.699951 6.53328 3.03328 6.53328 3.03328ZM11.2 5.94995V10.5C11.2 11.1533 11.2 11.48 11.0728 11.7296C10.9609 11.9491 10.7825 12.1276 10.5629 12.2395C10.3134 12.3666 9.98668 12.3666 9.33328 12.3666L3.73328 12.3666C3.07989 12.3666 2.75319 12.3666 2.50363 12.2395C2.28411 12.1276 2.10563 11.9491 1.99378 11.7296C1.86662 11.48 1.86662 11.1533 1.86662 10.5V5.94995M0.699951 3.96662L0.699951 5.01662C0.699951 5.34332 0.699951 5.50666 0.763531 5.63145C0.819457 5.74121 0.908695 5.83045 1.01846 5.88637C1.14324 5.94995 1.30659 5.94995 1.63329 5.94995L11.4333 5.94995C11.76 5.94995 11.9233 5.94995 12.0481 5.88637C12.1579 5.83045 12.2471 5.74121 12.303 5.63145C12.3666 5.50666 12.3666 5.34332 12.3666 5.01662V3.96662C12.3666 3.63992 12.3666 3.47657 12.303 3.35179C12.2471 3.24203 12.1579 3.15279 12.0481 3.09686C11.9233 3.03328 11.76 3.03328 11.4333 3.03328L1.63328 3.03328C1.30659 3.03328 1.14324 3.03328 1.01846 3.09686C0.908696 3.15279 0.819457 3.24203 0.763531 3.35179C0.699951 3.47657 0.699951 3.63992 0.699951 3.96662Z"
+        stroke={color}
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+
+export { Gift01Icon };
+export default Gift01Icon;

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

@@ -0,0 +1,43 @@
+import * as React from "react";
+
+type Gift01IconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number | string;
+  color?: string;
+  title?: string;
+};
+
+const Gift01Icon: React.FC<Gift01IconProps> = ({
+  size = 14,
+  color = "currentColor",
+  title,
+  className,
+  ...props
+}) => {
+  const ariaProps = title
+    ? { role: "img", "aria-label": title }
+    : { "aria-hidden": true };
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      {...ariaProps}
+      {...props}
+    >
+      {title ? <title>{title}</title> : null}
+      <path
+        d="M6.53328 3.03328V12.3666M6.53328 3.03328H4.47078C4.16689 3.03328 3.87544 2.91037 3.66056 2.69158C3.44567 2.47278 3.32495 2.17604 3.32495 1.86662C3.32495 1.5572 3.44567 1.26045 3.66056 1.04166C3.87544 0.822867 4.16689 0.699951 4.47078 0.699951C6.07495 0.699951 6.53328 3.03328 6.53328 3.03328ZM6.53328 3.03328H8.59578C8.89968 3.03328 9.19113 2.91037 9.40601 2.69158C9.6209 2.47278 9.74162 2.17604 9.74162 1.86662C9.74162 1.5572 9.6209 1.26045 9.40601 1.04166C9.19113 0.822867 8.89968 0.699951 8.59578 0.699951C6.99162 0.699951 6.53328 3.03328 6.53328 3.03328ZM11.2 5.94995V10.5C11.2 11.1533 11.2 11.48 11.0728 11.7296C10.9609 11.9491 10.7825 12.1276 10.5629 12.2395C10.3134 12.3666 9.98668 12.3666 9.33328 12.3666L3.73328 12.3666C3.07989 12.3666 2.75319 12.3666 2.50363 12.2395C2.28411 12.1276 2.10563 11.9491 1.99378 11.7296C1.86662 11.48 1.86662 11.1533 1.86662 10.5V5.94995M0.699951 3.96662L0.699951 5.01662C0.699951 5.34332 0.699951 5.50666 0.763531 5.63145C0.819457 5.74121 0.908695 5.83045 1.01846 5.88637C1.14324 5.94995 1.30659 5.94995 1.63329 5.94995L11.4333 5.94995C11.76 5.94995 11.9233 5.94995 12.0481 5.88637C12.1579 5.83045 12.2471 5.74121 12.303 5.63145C12.3666 5.50666 12.3666 5.34332 12.3666 5.01662V3.96662C12.3666 3.63992 12.3666 3.47657 12.303 3.35179C12.2471 3.24203 12.1579 3.15279 12.0481 3.09686C11.9233 3.03328 11.76 3.03328 11.4333 3.03328L1.63328 3.03328C1.30659 3.03328 1.14324 3.03328 1.01846 3.09686C0.908696 3.15279 0.819457 3.24203 0.763531 3.35179C0.699951 3.47657 0.699951 3.63992 0.699951 3.96662Z"
+        stroke={color}
+        strokeWidth="1.4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default Gift01Icon;

package/src/icons/general/index.ts

@@ -8,6 +8,7 @@ export { default as Datapoints01Icon } from './Datapoints01Icon';
 export { default as DropBoxIcon } from './DropBoxIcon';
 export { default as FaceSmileIcon } from './FaceSmileIcon';
 export { default as Flag01Icon } from './Flag01Icon';
+export { default as Gift01Icon } from './Gift01Icon';
 export { default as GlobeIcon } from './GlobeIcon';
 export { default as Globe02Icon } from './Globe02Icon';
 export { default as Globe05Icon } from './Globe05Icon';