@synnaxlabs/media 0.0.1 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/package.json +4 -4
- package/src/Icon/index.tsx +27 -2
- package/src/Logo/Logo.tsx +5 -4
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @synnaxlabs/media@0.0.
|
|
2
|
+
> @synnaxlabs/media@0.0.2 build /Users/emilianobonilla/Desktop/synnaxlabs/synnax/x/media
|
|
3
3
|
> vite build
|
|
4
4
|
|
|
5
5
|
vite v5.0.10 building for production...
|
|
@@ -11,8 +11,8 @@ rendering chunks...
|
|
|
11
11
|
computing gzip size...
|
|
12
12
|
dist/style.css 2.08 kB │ gzip: 0.60 kB
|
|
13
13
|
dist/media.es.js 91.29 kB │ gzip: 24.16 kB │ map: 24,406.48 kB
|
|
14
|
-
[vite:dts] Declaration files built in
|
|
14
|
+
[vite:dts] Declaration files built in 866ms.
|
|
15
15
|
|
|
16
16
|
dist/style.css 2.08 kB │ gzip: 0.60 kB
|
|
17
17
|
dist/media.cjs.js 91.39 kB │ gzip: 24.20 kB │ map: 24,406.48 kB
|
|
18
|
-
✓ built in 4.
|
|
18
|
+
✓ built in 4.32s
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synnaxlabs/media",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Media Assets for Synnax Labs",
|
|
7
7
|
"repository": "https://github.com/synnaxlabs/synnax/tree/main/x/media",
|
|
@@ -19,16 +19,16 @@
|
|
|
19
19
|
"react": "^18.2.0",
|
|
20
20
|
"react-dom": "^18.2.0",
|
|
21
21
|
"react-icons": "^4.11.0",
|
|
22
|
-
"@synnaxlabs/x": "0.
|
|
22
|
+
"@synnaxlabs/x": "0.8.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@types/node": "^20.8.7",
|
|
26
26
|
"@vitejs/plugin-react": "^4.1.0",
|
|
27
27
|
"vite": "^4.5.0",
|
|
28
28
|
"vitest": "^0.34.6",
|
|
29
|
-
"@synnaxlabs/
|
|
29
|
+
"@synnaxlabs/vite-plugin": "0.0.1",
|
|
30
30
|
"eslint-config-synnaxlabs": "0.0.0",
|
|
31
|
-
"@synnaxlabs/
|
|
31
|
+
"@synnaxlabs/tsconfig": "0.0.1"
|
|
32
32
|
},
|
|
33
33
|
"main": "dist/media.cjs.js",
|
|
34
34
|
"module": "dist/media.es.js",
|
package/src/Icon/index.tsx
CHANGED
|
@@ -74,9 +74,16 @@ import {
|
|
|
74
74
|
MdKeyboardControlKey,
|
|
75
75
|
MdPerson,
|
|
76
76
|
MdPause,
|
|
77
|
+
MdPlayArrow,
|
|
77
78
|
MdPictureInPicture,
|
|
78
79
|
MdAutoAwesome,
|
|
79
80
|
MdOutlineTableRows,
|
|
81
|
+
MdAlignHorizontalLeft,
|
|
82
|
+
MdAlignHorizontalRight,
|
|
83
|
+
MdAlignHorizontalCenter,
|
|
84
|
+
MdAlignVerticalCenter,
|
|
85
|
+
MdAlignVerticalTop,
|
|
86
|
+
MdAlignVerticalBottom,
|
|
80
87
|
} from "react-icons/md";
|
|
81
88
|
import { PiSelectionPlusBold, PiMagnifyingGlassBold } from "react-icons/pi";
|
|
82
89
|
import { RiSettings3Fill as RiSettingsFill } from "react-icons/ri";
|
|
@@ -94,6 +101,7 @@ const IconOS: Record<runtime.OS, IconFC> = {
|
|
|
94
101
|
|
|
95
102
|
export const Icon: IconType = {
|
|
96
103
|
Pause: MdPause,
|
|
104
|
+
Play: MdPlayArrow,
|
|
97
105
|
Circle: MdFiberManualRecord,
|
|
98
106
|
Edit: MdEdit,
|
|
99
107
|
EditOff: MdEditOff,
|
|
@@ -177,19 +185,28 @@ export const Icon: IconType = {
|
|
|
177
185
|
Selection: PiSelectionPlusBold,
|
|
178
186
|
Pan: GrPan,
|
|
179
187
|
Rule: MdSquareFoot,
|
|
180
|
-
|
|
188
|
+
ser: MdPerson,
|
|
181
189
|
Rename: BiRename,
|
|
182
190
|
Snapshot: MdPictureInPicture,
|
|
183
191
|
Sync: AiOutlineSync,
|
|
184
192
|
Search: PiMagnifyingGlassBold,
|
|
185
193
|
Auto: MdAutoAwesome,
|
|
186
194
|
Table: MdOutlineTableRows,
|
|
195
|
+
Align: {
|
|
196
|
+
Right: MdAlignHorizontalRight,
|
|
197
|
+
Left: MdAlignHorizontalLeft,
|
|
198
|
+
XCenter: MdAlignHorizontalCenter,
|
|
199
|
+
YCenter: MdAlignVerticalCenter,
|
|
200
|
+
Top: MdAlignVerticalTop,
|
|
201
|
+
Bottom: MdAlignVerticalBottom,
|
|
202
|
+
},
|
|
187
203
|
};
|
|
188
204
|
|
|
189
205
|
type IconFC = FC<React.SVGProps<SVGSVGElement>>;
|
|
190
206
|
|
|
191
207
|
export interface IconType {
|
|
192
208
|
Pause: IconFC;
|
|
209
|
+
Play: IconFC;
|
|
193
210
|
Circle: IconFC;
|
|
194
211
|
Edit: IconFC;
|
|
195
212
|
EditOff: IconFC;
|
|
@@ -277,5 +294,13 @@ export interface IconType {
|
|
|
277
294
|
Loading: IconFC;
|
|
278
295
|
Sync: IconFC;
|
|
279
296
|
Search: IconFC;
|
|
280
|
-
Auto: IconFC
|
|
297
|
+
Auto: IconFC;
|
|
298
|
+
Align: {
|
|
299
|
+
Right: IconFC;
|
|
300
|
+
Left: IconFC;
|
|
301
|
+
XCenter: IconFC;
|
|
302
|
+
YCenter: IconFC;
|
|
303
|
+
Top: IconFC;
|
|
304
|
+
Bottom: IconFC;
|
|
305
|
+
};
|
|
281
306
|
}
|
package/src/Logo/Logo.tsx
CHANGED
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
// included in the file licenses/APL.txt.
|
|
9
9
|
|
|
10
10
|
import {
|
|
11
|
-
ComponentPropsWithoutRef,
|
|
12
|
-
ComponentType,
|
|
13
|
-
HTMLAttributes,
|
|
14
|
-
ReactElement,
|
|
11
|
+
type ComponentPropsWithoutRef,
|
|
12
|
+
type ComponentType,
|
|
13
|
+
type HTMLAttributes,
|
|
14
|
+
type ReactElement,
|
|
15
15
|
} from "react";
|
|
16
16
|
|
|
17
17
|
import clsx from "clsx";
|
|
@@ -96,6 +96,7 @@ const Icon = (props: InternalLogoProps): ReactElement => (
|
|
|
96
96
|
<g id="Layer_1-2" data-name="Layer 1">
|
|
97
97
|
<path
|
|
98
98
|
className="cls-1"
|
|
99
|
+
vectorEffect="non-scaling-stroke"
|
|
99
100
|
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"
|
|
100
101
|
/>
|
|
101
102
|
</g>
|