@postal-music/icons 0.1.0 → 0.1.1

package/package.json

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

package/src/icons/security/Lock03FilledIcon.native.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Lock03FilledIconProps {
+  size?: number | string;
+  color?: string;
+}
+
+const Lock03FilledIcon: React.FC<Lock03FilledIconProps> = ({
+  size = 16,
+  color = '#000000',
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+    <Path
+      d="M2.66797 10.5333C2.66797 9.41323 2.66797 8.85318 2.88596 8.42535C3.0777 8.04903 3.38366 7.74307 3.75999 7.55132C4.18781 7.33333 4.74786 7.33333 5.86797 7.33333H10.1346C11.2547 7.33333 11.8148 7.33333 12.2426 7.55132C12.6189 7.74307 12.9249 8.04903 13.1166 8.42535C13.3346 8.85318 13.3346 9.41323 13.3346 10.5333V10.8C13.3346 11.9201 13.3346 12.4802 13.1166 12.908C12.9249 13.2843 12.6189 13.5903 12.2426 13.782C11.8148 14 11.2547 14 10.1346 14H5.86797C4.74786 14 4.18781 14 3.75999 13.782C3.38366 13.5903 3.0777 13.2843 2.88596 12.908C2.66797 12.4802 2.66797 11.9201 2.66797 10.8V10.5333Z"
+      fill={color}
+    />
+    <Path
+      d="M11.3346 7.33333V5.33333C11.3346 3.49238 9.84225 2 8.0013 2C6.16035 2 4.66797 3.49238 4.66797 5.33333V7.33333M5.86797 14H10.1346C11.2547 14 11.8148 14 12.2426 13.782C12.6189 13.5903 12.9249 13.2843 13.1166 12.908C13.3346 12.4802 13.3346 11.9201 13.3346 10.8V10.5333C13.3346 9.41323 13.3346 8.85318 13.1166 8.42535C12.9249 8.04903 12.6189 7.74307 12.2426 7.55132C11.8148 7.33333 11.2547 7.33333 10.1346 7.33333H5.86797C4.74786 7.33333 4.18781 7.33333 3.75999 7.55132C3.38366 7.74307 3.0777 8.04903 2.88596 8.42535C2.66797 8.85318 2.66797 9.41323 2.66797 10.5333V10.8C2.66797 11.9201 2.66797 12.4802 2.88596 12.908C3.0777 13.2843 3.38366 13.5903 3.75999 13.782C4.18781 14 4.74786 14 5.86797 14Z"
+      stroke={color}
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Lock03FilledIcon };
+export default Lock03FilledIcon;

package/src/icons/security/Lock03FilledIcon.web.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+
+interface Lock03FilledIconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  color?: string;
+}
+
+const Lock03FilledIcon: React.FC<Lock03FilledIconProps> = ({
+  size = 16,
+  color = "currentColor",
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M2.66797 10.5333C2.66797 9.41323 2.66797 8.85318 2.88596 8.42535C3.0777 8.04903 3.38366 7.74307 3.75999 7.55132C4.18781 7.33333 4.74786 7.33333 5.86797 7.33333H10.1346C11.2547 7.33333 11.8148 7.33333 12.2426 7.55132C12.6189 7.74307 12.9249 8.04903 13.1166 8.42535C13.3346 8.85318 13.3346 9.41323 13.3346 10.5333V10.8C13.3346 11.9201 13.3346 12.4802 13.1166 12.908C12.9249 13.2843 12.6189 13.5903 12.2426 13.782C11.8148 14 11.2547 14 10.1346 14H5.86797C4.74786 14 4.18781 14 3.75999 13.782C3.38366 13.5903 3.0777 13.2843 2.88596 12.908C2.66797 12.4802 2.66797 11.9201 2.66797 10.8V10.5333Z"
+      fill={color}
+    />
+    <path
+      d="M11.3346 7.33333V5.33333C11.3346 3.49238 9.84225 2 8.0013 2C6.16035 2 4.66797 3.49238 4.66797 5.33333V7.33333M5.86797 14H10.1346C11.2547 14 11.8148 14 12.2426 13.782C12.6189 13.5903 12.9249 13.2843 13.1166 12.908C13.3346 12.4802 13.3346 11.9201 13.3346 10.8V10.5333C13.3346 9.41323 13.3346 8.85318 13.1166 8.42535C12.9249 8.04903 12.6189 7.74307 12.2426 7.55132C11.8148 7.33333 11.2547 7.33333 10.1346 7.33333H5.86797C4.74786 7.33333 4.18781 7.33333 3.75999 7.55132C3.38366 7.74307 3.0777 8.04903 2.88596 8.42535C2.66797 8.85318 2.66797 9.41323 2.66797 10.5333V10.8C2.66797 11.9201 2.66797 12.4802 2.88596 12.908C3.0777 13.2843 3.38366 13.5903 3.75999 13.782C4.18781 14 4.74786 14 5.86797 14Z"
+      stroke={color}
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Lock03FilledIcon;

package/src/icons/security/index.ts

@@ -1,5 +1,6 @@
 export { default as EyeIcon } from './EyeIcon';
 export { default as Lock03Icon } from './Lock03Icon';
+export { default as Lock03FilledIcon } from './Lock03FilledIcon';
 export { default as LockIcon } from './LockIcon';
 export { default as LockUnlocked03Icon } from './LockUnlocked03Icon';
 export { PasswordInputIcon } from './PasswordInputIcon';

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

@@ -0,0 +1,38 @@
+import React from "react";
+import Svg, { Path } from 'react-native-svg';
+
+interface UserUp01IconProps {
+  size?: number;
+  width?: number;
+  height?: number;
+  strokeWidth?: number;
+}
+
+export const UserUp01Icon: React.FC<UserUp01IconProps> = ({
+  size = 22,
+  width,
+  height,
+  strokeWidth = 1.8,
+}) => {
+  const iconWidth = width || size;
+  const iconHeight = height || size;
+
+  return (
+    <Svg
+      width={iconWidth}
+      height={iconHeight}
+      viewBox="0 0 22 22"
+      fill="none"
+    >
+      <Path
+        d="M14.6666 16.5L17.4166 13.75M17.4166 13.75L20.1666 16.5M17.4166 13.75V19.25M10.9999 14.2083H6.87492C5.59565 14.2083 4.95602 14.2083 4.43554 14.3662C3.26367 14.7217 2.34662 15.6388 1.99114 16.8106C1.83325 17.3311 1.83325 17.9707 1.83325 19.25M13.2916 6.875C13.2916 9.15317 11.4448 11 9.16659 11C6.88841 11 5.04159 9.15317 5.04159 6.875C5.04159 4.59683 6.88841 2.75 9.16659 2.75C11.4448 2.75 13.2916 4.59683 13.2916 6.875Z"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+
+export default UserUp01Icon;

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

@@ -0,0 +1,41 @@
+import React from "react";
+
+interface UserUp01IconProps {
+  size?: number;
+  width?: number;
+  height?: number;
+  strokeWidth?: number;
+  className?: string;
+}
+
+export const UserUp01Icon: React.FC<UserUp01IconProps> = ({
+  size = 22,
+  width,
+  height,
+  strokeWidth = 1.8,
+  className,
+  ...props
+}) => {
+  const iconWidth = width || size;
+  const iconHeight = height || size;
+
+  return (
+    <svg
+      width={iconWidth}
+      height={iconHeight}
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M14.6666 16.5L17.4166 13.75M17.4166 13.75L20.1666 16.5M17.4166 13.75V19.25M10.9999 14.2083H6.87492C5.59565 14.2083 4.95602 14.2083 4.43554 14.3662C3.26367 14.7217 2.34662 15.6388 1.99114 16.8106C1.83325 17.3311 1.83325 17.9707 1.83325 19.25M13.2916 6.875C13.2916 9.15317 11.4448 11 9.16659 11C6.88841 11 5.04159 9.15317 5.04159 6.875C5.04159 4.59683 6.88841 2.75 9.16659 2.75C11.4448 2.75 13.2916 4.59683 13.2916 6.875Z"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/icons/users/index.ts

@@ -2,6 +2,7 @@ export { default as AccountIcon } from './AccountIcon';
 export { default as UserApproveIcon } from './UserApproveIcon';
 export { default as UserIcon } from './UserIcon';
 export { default as UserPlusIcon } from './UserPlusIcon';
+export { default as UserUp01Icon } from './UserUp01Icon';
 export { default as UserXIcon } from './UserXIcon';
 export { default as Users03Icon } from './Users03Icon';
 export { default as UsersIcon } from './UsersIcon';