@postal-music/icons 0.1.6 → 0.1.8

package/README.md

@@ -0,0 +1,77 @@
+# @postal-music/icons
+
+Shared icon library for Postal — React (web) and React Native, from one source.
+
+Each icon lives as a pair: `FooIcon.web.tsx` and `FooIcon.native.tsx`. At build time `tsup` resolves the platform extension and emits two bundles (`dist/index.*` for web, `dist/index.native.*` for native). Consumers import from a single specifier; bundlers/Metro pick the right entry via the `exports` map in `package.json`.
+
+## Publishing
+
+Published to npm as a public scoped package under the `@postal-music` org.
+
+### Prerequisites
+
+- npm login with publish rights on the `@postal-music` org:
+  ```sh
+  npm whoami                       # should print your npm username
+  npm access list packages @postal-music   # should list @postal-music/icons
+  ```
+  If not logged in: `npm login`.
+- Clean working tree in this package (`packages/postal-icons`). `package.json` has `"files": ["dist", "src"]`, so only those are shipped — but a dirty `src/` will still go out.
+
+### Release workflow
+
+Run all commands from `packages/postal-icons`.
+
+1. **Make sure the build is current.**
+   ```sh
+   npm run build
+   ```
+   This runs `tsup` (web + native bundles), `tsc -p tsconfig.build.json` (types into `dist/types`), then `scripts/strip-web-suffix.mjs` (renames `*.web.d.ts` → `*.d.ts` so the declarations match the exports map).
+
+2. **Bump the version.** Pick one:
+   ```sh
+   npm version patch    # 0.1.7 → 0.1.8  (icon added, bug fix)
+   npm version minor    # 0.1.7 → 0.2.0  (new category, API addition)
+   npm version major    # 0.1.7 → 1.0.0  (breaking rename/removal)
+   ```
+   This rewrites `package.json` and creates a git commit + tag in this sub-repo (`postal-icons` is its own git repo — see the monorepo `CLAUDE.md`).
+
+3. **Publish.**
+   ```sh
+   npm publish
+   ```
+   `publishConfig.access` is already `public`, so no `--access public` flag needed.
+
+4. **Push the version commit and tag.**
+   ```sh
+   git push && git push --tags
+   ```
+
+5. **Verify.**
+   ```sh
+   npm view @postal-music/icons version
+   ```
+
+### Dry run
+
+Before publishing, inspect exactly what will be shipped:
+
+```sh
+npm pack --dry-run
+```
+
+This lists every file that would land in the tarball without touching the registry. Make sure `dist/` looks complete and nothing sensitive snuck in.
+
+### Bumping consumers
+
+After publish, update the `@postal-music/icons` dependency in any consuming package (`postal-ac-frontend`, `postal-admin`, `postal-mobile`, `postal-desktop`, …) and run their respective install.
+
+## Adding an icon
+
+1. Drop the SVG into the right category under `src/icons/<category>/`:
+   - `FooIcon.web.tsx` — uses `<svg>` / `<path>`, stroke `currentColor`.
+   - `FooIcon.native.tsx` — uses `react-native-svg`'s `<Svg>` / `<Path>`, same path data.
+2. Export it from that category's `index.ts` in alphabetical position.
+3. Run `npm run build` to confirm both bundles compile.
+
+Use `currentColor` for strokes/fills so consumers can theme via CSS / `color` prop. Keep the source `viewBox` (usually `0 0 18 18` or `0 0 24 24`); don't rescale paths.

package/dist/index.js

@@ -960,7 +960,6 @@ ArrowUpIcon01.displayName = "ArrowUpIcon01";
 function ArrowUpIcon({
   className,
   size = 16,
-  stroke = "#8F8F8F",
   color = "currentColor",
   fill = "none",
   ...props
@@ -970,7 +969,7 @@ function ArrowUpIcon({
     {
       width: size,
       height: size,
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 24 24",
       fill,
       xmlns: "http://www.w3.org/2000/svg",
       className,
@@ -978,9 +977,10 @@ function ArrowUpIcon({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M12 10L8 6L4 10",
+          d: "M12 19V5M19 12L12 5L5 12",
           stroke: color,
-          strokeWidth: 1.5,
+          strokeWidth: "2",
+          strokeLinecap: "round",
           strokeLinejoin: "round"
         }
       )
@@ -1036,6 +1036,36 @@ var ChevronSelectorIcon = ({
   }
 );
 var ChevronSelectorIcon_web_default = ChevronSelectorIcon;
+function ChevronUpIcon({
+  className,
+  size = 16,
+  stroke = "#8F8F8F",
+  color = "currentColor",
+  fill = "none",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill,
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 10L8 6L4 10",
+          stroke: color,
+          strokeWidth: 1.5,
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function NarrowUpRightIcon({ title, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -3103,6 +3133,39 @@ var Recording01Icon = ({
   );
 };
 var Recordering01_web_default = Recording01Icon;
+var Recording02Icon = ({
+  title = "Recording",
+  className,
+  size = 18,
+  ...props
+}) => {
+  const ariaLabel = props["aria-label"] ?? title;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": ariaLabel,
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M2.25 7.5L2.25 10.5M5.625 8.25V9.75M9 4.5V13.5M12.375 2.25V15.75M15.75 7.5V10.5",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+var Recording02_web_default = Recording02Icon;
 var Share01Icon = ({
   size = 18,
   color = "currentColor",
@@ -3372,6 +3435,39 @@ var TagsIcon = ({ size = 18, className, ...props }) => /* @__PURE__ */ jsxRuntim
   }
 );
 var TagsIcon_web_default = TagsIcon;
+var Target05Icon = ({
+  title = "Target",
+  className,
+  size = 18,
+  ...props
+}) => {
+  const ariaLabel = props["aria-label"] ?? title;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": ariaLabel,
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M11.25 4.25522C13.0237 5.09782 14.25 6.9057 14.25 9M6.29431 13.5C4.76969 12.5813 3.75 10.9097 3.75 8.99996M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9ZM11.25 9C11.25 10.2426 10.2426 11.25 9 11.25C7.75736 11.25 6.75 10.2426 6.75 9C6.75 7.75736 7.75736 6.75 9 6.75C10.2426 6.75 11.25 7.75736 11.25 9Z",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+var Target05Icon_web_default = Target05Icon;
 var ThumbsDownIcon = ({
   size = 18,
   className,
@@ -4002,6 +4098,34 @@ var VolumeMaxIcon = React6__namespace.forwardRef(({ size = 20, label, className,
     }
   );
 });
+function AlignLeft01Icon({
+  size = 16,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M3 3V21M21 12H7M14 5L7 12L14 19",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function AlignLeftIcon({
   size = 16,
   className,
@@ -4095,6 +4219,118 @@ var FilterIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxR
   }
 );
 var FilterIcon_web_default = FilterIcon;
+function FlexAlignBottomIcon({
+  size = 16,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17.5 17.6L6.5 17.6M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function FlexAlignLeftIcon({
+  size = 16,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6.5 17.5L6.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function FlexAlignRightIcon({
+  size = 16,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17.5 17.5L17.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function FlexAlignTopIcon({
+  size = 16,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17.5 6.5L6.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function Grid01Icon({
   size = 15,
   className,
@@ -5413,6 +5649,7 @@ var radius = {
 exports.AccountIcon = AccountIcon;
 exports.ActivityIcon = ActivityIcon_web_default;
 exports.AlertTriangleIcon = AlertTriangleIcon_web_default;
+exports.AlignLeft01Icon = AlignLeft01Icon;
 exports.AlignLeftIcon = AlignLeftIcon;
 exports.AnnotationInfoIcon = AnnotationInfoIcon_web_default;
 exports.AppleMusicIcon = AppleMusicIcon;
@@ -5436,6 +5673,7 @@ exports.CheckCircleIcon = CheckCircleIcon_web_default;
 exports.CheckIcon = CheckIcon_web_default;
 exports.ChevronLeftIcon = ChevronLeftIcon_web_default;
 exports.ChevronSelectorIcon = ChevronSelectorIcon_web_default;
+exports.ChevronUpIcon = ChevronUpIcon;
 exports.ClockIcon = ClockIcon;
 exports.CoinsStacked03Icon = CoinsStacked03Icon_web_default;
 exports.CollaborativeIcon = CollaborativeIcon_web_default;
@@ -5461,6 +5699,10 @@ exports.File02Icon = File02Icon_web_default;
 exports.FileDownload02Icon = FileDownload02Icon_web_default;
 exports.FilterIcon = FilterIcon_web_default;
 exports.Flag01Icon = Flag01Icon_web_default;
+exports.FlexAlignBottomIcon = FlexAlignBottomIcon;
+exports.FlexAlignLeftIcon = FlexAlignLeftIcon;
+exports.FlexAlignRightIcon = FlexAlignRightIcon;
+exports.FlexAlignTopIcon = FlexAlignTopIcon;
 exports.FolderGradientIcon = FolderGradientIcon_web_default;
 exports.FolderIcon = FolderIcon_web_default;
 exports.FolderPlusIcon = FolderPlusIcon;
@@ -5524,6 +5766,7 @@ exports.PostalIcon = PostalIcon_web_default;
 exports.PreviousTrackIcon = PreviousTrackIcon_web_default;
 exports.QuestionCircleIcon = QuestionCircleIcon_web_default;
 exports.Recording01Icon = Recordering01_web_default;
+exports.Recording02Icon = Recording02_web_default;
 exports.RefreshIcon = RefreshIcon;
 exports.Repeat01Icon = Repeat01Icon;
 exports.Repeat02Icon = Repeat02Icon_web_default;
@@ -5552,6 +5795,7 @@ exports.Stars04Icon = Stars04Icon_web_default;
 exports.Stars06Icon = Stars06Icon_web_default;
 exports.SwitchHorizontal02Icon = SwitchHorizontal02Icon_web_default;
 exports.TagsIcon = TagsIcon_web_default;
+exports.Target05Icon = Target05Icon_web_default;
 exports.TenSecondsBackIcon = SecondsBackIcon_web_default;
 exports.TenSecondsForwardIcon = TenSecondsForwardIcon_web_default;
 exports.ThumbsDownIcon = ThumbsDownIcon;