@synnaxlabs/media 0.0.1 → 0.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@synnaxlabs/media",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "description": "Media Assets for Synnax Labs",
   "repository": "https://github.com/synnaxlabs/synnax/tree/main/x/media",
@@ -19,7 +19,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.11.0",
-    "@synnaxlabs/x": "0.7.0"
+    "@synnaxlabs/x": "0.8.0"
   },
   "devDependencies": {
     "@types/node": "^20.8.7",
@@ -27,8 +27,8 @@
     "vite": "^4.5.0",
     "vitest": "^0.34.6",
     "@synnaxlabs/tsconfig": "0.0.1",
-    "eslint-config-synnaxlabs": "0.0.0",
-    "@synnaxlabs/vite-plugin": "0.0.1"
+    "@synnaxlabs/vite-plugin": "0.0.1",
+    "eslint-config-synnaxlabs": "0.0.0"
   },
   "main": "dist/media.cjs.js",
   "module": "dist/media.es.js",

package/src/Icon/index.tsx

@@ -74,9 +74,16 @@ import {
   MdKeyboardControlKey,
   MdPerson,
   MdPause,
+  MdPlayArrow,
   MdPictureInPicture,
   MdAutoAwesome,
   MdOutlineTableRows,
+  MdAlignHorizontalLeft,
+  MdAlignHorizontalRight,
+  MdAlignHorizontalCenter,
+  MdAlignVerticalCenter,
+  MdAlignVerticalTop,
+  MdAlignVerticalBottom,
 } from "react-icons/md";
 import { PiSelectionPlusBold, PiMagnifyingGlassBold } from "react-icons/pi";
 import { RiSettings3Fill as RiSettingsFill } from "react-icons/ri";
@@ -94,6 +101,7 @@ const IconOS: Record<runtime.OS, IconFC> = {
 
 export const Icon: IconType = {
   Pause: MdPause,
+  Play: MdPlayArrow,
   Circle: MdFiberManualRecord,
   Edit: MdEdit,
   EditOff: MdEditOff,
@@ -177,19 +185,28 @@ export const Icon: IconType = {
   Selection: PiSelectionPlusBold,
   Pan: GrPan,
   Rule: MdSquareFoot,
-  User: MdPerson,
+  ser: MdPerson,
   Rename: BiRename,
   Snapshot: MdPictureInPicture,
   Sync: AiOutlineSync,
   Search: PiMagnifyingGlassBold,
   Auto: MdAutoAwesome,
   Table: MdOutlineTableRows,
+  Align: {
+    Right: MdAlignHorizontalRight,
+    Left: MdAlignHorizontalLeft,
+    XCenter: MdAlignHorizontalCenter,
+    YCenter: MdAlignVerticalCenter,
+    Top: MdAlignVerticalTop,
+    Bottom: MdAlignVerticalBottom,
+  },
 };
 
 type IconFC = FC<React.SVGProps<SVGSVGElement>>;
 
 export interface IconType {
   Pause: IconFC;
+  Play: IconFC;
   Circle: IconFC;
   Edit: IconFC;
   EditOff: IconFC;
@@ -277,5 +294,13 @@ export interface IconType {
   Loading: IconFC;
   Sync: IconFC;
   Search: IconFC;
-  Auto: IconFC, 
+  Auto: IconFC;
+  Align: {
+    Right: IconFC;
+    Left: IconFC;
+    XCenter: IconFC;
+    YCenter: IconFC;
+    Top: IconFC;
+    Bottom: IconFC;
+  };
 }

package/src/Logo/Logo.tsx

@@ -8,10 +8,10 @@
 // included in the file licenses/APL.txt.
 
 import {
-  ComponentPropsWithoutRef,
-  ComponentType,
-  HTMLAttributes,
-  ReactElement,
+  type ComponentPropsWithoutRef,
+  type ComponentType,
+  type HTMLAttributes,
+  type ReactElement,
 } from "react";
 
 import clsx from "clsx";
@@ -96,6 +96,7 @@ const Icon = (props: InternalLogoProps): ReactElement => (
       <g id="Layer_1-2" data-name="Layer 1">
         <path
           className="cls-1"
+          vectorEffect="non-scaling-stroke"
           d="M52.61,168.82A14.81,14.81,0,0,1,39.78,146.6L94.22,52.33c5.7-9.88,20-9.88,25.9.42l51.77,89.67a6.88,6.88,0,0,0,2.48,2.49l15.42,8.9a6.78,6.78,0,0,0,9.26-9.27L119.87,7.41a14.8,14.8,0,0,0-25.65,0L2,167.12a14.81,14.81,0,0,0,12.83,22.22H170.39a6.79,6.79,0,0,0,3.39-12.66l-12.05-7a6.83,6.83,0,0,0-3.39-.91Z"
         />
       </g>