@postal-music/icons 0.1.19 → 0.1.21

package/dist/types/icons/charts/BarChart07Icon.d.ts

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

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

@@ -1,4 +1,5 @@
 export { default as BarChart01Icon } from './BarChart01Icon';
+export { default as BarChart07Icon } from './BarChart07Icon';
 export { default as BarChart10Icon } from './BarChart10Icon';
 export { default as LineChart03UpIcon } from './LineChart03UpIcon';
 export { default as TrendUp01Icon } from './TrendUp01Icon';

package/dist/types/icons/finance/ReceiptIcon.d.ts

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

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

@@ -2,4 +2,5 @@ export { default as BankNote03Icon } from './BankNote03Icon';
 export { default as CoinsStacked03Icon } from './CoinsStacked03Icon';
 export { default as CreditCardIcon } from './CreditCardIcon';
 export { default as CurrencyDollarIcon } from './CurrencyDollarIcon';
+export { default as ReceiptIcon } from './ReceiptIcon';
 export { default as Wallet01Icon } from './Wallet01Icon';

package/package.json

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

package/src/icons/charts/BarChart07Icon.native.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type BarChart07IconProps = {
+  size?: number;
+  color?: string;
+};
+
+const BarChart07Icon: React.FC<BarChart07IconProps> = ({
+  size = 14,
+  color = '#000000',
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 14 14" fill="none">
+    <Path
+      d="M12.25 12.25H3.61667C2.96327 12.25 2.63657 12.25 2.38701 12.1228C2.16749 12.011 1.98901 11.8325 1.87716 11.613C1.75 11.3634 1.75 11.0367 1.75 10.3833V1.75M4.08333 6.125V10.2083M6.70833 3.20833V10.2083M9.33333 6.125V10.2083M11.9583 3.20833V10.2083"
+      stroke={color}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { BarChart07Icon };
+export default BarChart07Icon;

package/src/icons/charts/BarChart07Icon.web.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+type IconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number;
+  color?: string;
+  className?: string;
+};
+
+const BarChart07Icon: React.FC<IconProps> = ({
+  size = 14,
+  color = "currentColor",
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    {...props}
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    role="img"
+    aria-hidden="true"
+  >
+    <path
+      d="M12.25 12.25H3.61667C2.96327 12.25 2.63657 12.25 2.38701 12.1228C2.16749 12.011 1.98901 11.8325 1.87716 11.613C1.75 11.3634 1.75 11.0367 1.75 10.3833V1.75M4.08333 6.125V10.2083M6.70833 3.20833V10.2083M9.33333 6.125V10.2083M11.9583 3.20833V10.2083"
+      stroke={color}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default BarChart07Icon;

package/src/icons/charts/index.ts

@@ -1,4 +1,5 @@
 export { default as BarChart01Icon } from './BarChart01Icon';
+export { default as BarChart07Icon } from './BarChart07Icon';
 export { default as BarChart10Icon } from './BarChart10Icon';
 export { default as LineChart03UpIcon } from './LineChart03UpIcon';
 export { default as TrendUp01Icon } from './TrendUp01Icon';

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

@@ -0,0 +1,30 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface ReceiptIconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const ReceiptIcon: React.FC<ReceiptIconProps> = ({
+  size = 24,
+  color = "#000000",
+  fill = "none",
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path
+      d="M4 7.8C4 6.11984 4 5.27976 4.32698 4.63803C4.6146 4.07354 5.07354 3.6146 5.63803 3.32698C6.27976 3 7.11984 3 8.8 3H15.2C16.8802 3 17.7202 3 18.362 3.32698C18.9265 3.6146 19.3854 4.07354 19.673 4.63803C20 5.27976 20 6.11984 20 7.8V21L17.25 19L14.75 21L12 19L9.25 21L6.75 19L4 21V7.8Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { ReceiptIcon };
+export default ReceiptIcon;

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

@@ -0,0 +1,36 @@
+import React from "react";
+
+interface ReceiptIconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const ReceiptIcon: React.FC<ReceiptIconProps> = ({
+  size = 24,
+  color = "currentColor",
+  fill = "none",
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 7.8C4 6.11984 4 5.27976 4.32698 4.63803C4.6146 4.07354 5.07354 3.6146 5.63803 3.32698C6.27976 3 7.11984 3 8.8 3H15.2C16.8802 3 17.7202 3 18.362 3.32698C18.9265 3.6146 19.3854 4.07354 19.673 4.63803C20 5.27976 20 6.11984 20 7.8V21L17.25 19L14.75 21L12 19L9.25 21L6.75 19L4 21V7.8Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default ReceiptIcon;

package/src/icons/finance/index.ts

@@ -2,4 +2,5 @@ export { default as BankNote03Icon } from './BankNote03Icon';
 export { default as CoinsStacked03Icon } from './CoinsStacked03Icon';
 export { default as CreditCardIcon } from './CreditCardIcon';
 export { default as CurrencyDollarIcon } from './CurrencyDollarIcon';
+export { default as ReceiptIcon } from './ReceiptIcon';
 export { default as Wallet01Icon } from './Wallet01Icon';