@liiift-studio/mac-os9-ui 0.1.1 → 0.1.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/README.md +9 -9
- package/package.json +7 -10
package/README.md
CHANGED
|
@@ -16,14 +16,14 @@ A pixel-perfect Mac OS 9 UI component library for React and TypeScript. Bring au
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install mac-os9-ui
|
|
19
|
+
npm install @liiift-studio/mac-os9-ui
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
## Quick Start
|
|
23
23
|
|
|
24
24
|
```tsx
|
|
25
|
-
import { Button, Window } from 'mac-os9-ui';
|
|
26
|
-
import 'mac-os9-ui/styles';
|
|
25
|
+
import { Button, Window } from '@liiift-studio/mac-os9-ui';
|
|
26
|
+
import '@liiift-studio/mac-os9-ui/styles';
|
|
27
27
|
|
|
28
28
|
function App() {
|
|
29
29
|
return (
|
|
@@ -65,8 +65,8 @@ function App() {
|
|
|
65
65
|
### Creating a Window with Menu Bar
|
|
66
66
|
|
|
67
67
|
```tsx
|
|
68
|
-
import { Window, MenuBar } from 'mac-os9-ui';
|
|
69
|
-
import 'mac-os9-ui/styles';
|
|
68
|
+
import { Window, MenuBar } from '@liiift-studio/mac-os9-ui';
|
|
69
|
+
import '@liiift-studio/mac-os9-ui/styles';
|
|
70
70
|
|
|
71
71
|
function MyApp() {
|
|
72
72
|
const menuItems = [
|
|
@@ -101,7 +101,7 @@ function MyApp() {
|
|
|
101
101
|
### Using Form Controls
|
|
102
102
|
|
|
103
103
|
```tsx
|
|
104
|
-
import { Button, Checkbox, TextField, Select } from 'mac-os9-ui';
|
|
104
|
+
import { Button, Checkbox, TextField, Select } from '@liiift-studio/mac-os9-ui';
|
|
105
105
|
import { useState } from 'react';
|
|
106
106
|
|
|
107
107
|
function MyForm() {
|
|
@@ -145,7 +145,7 @@ function MyForm() {
|
|
|
145
145
|
### Creating a Dialog
|
|
146
146
|
|
|
147
147
|
```tsx
|
|
148
|
-
import { Dialog, Button } from 'mac-os9-ui';
|
|
148
|
+
import { Dialog, Button } from '@liiift-studio/mac-os9-ui';
|
|
149
149
|
import { useState } from 'react';
|
|
150
150
|
|
|
151
151
|
function MyComponent() {
|
|
@@ -178,7 +178,7 @@ function MyComponent() {
|
|
|
178
178
|
The library includes CSS files that need to be imported in your application:
|
|
179
179
|
|
|
180
180
|
```tsx
|
|
181
|
-
import 'mac-os9-ui/styles';
|
|
181
|
+
import '@liiift-studio/mac-os9-ui/styles';
|
|
182
182
|
```
|
|
183
183
|
|
|
184
184
|
This imports the theme variables and base styles. All components use CSS Modules internally, so styles are scoped and won't conflict with your application's CSS.
|
|
@@ -188,7 +188,7 @@ This imports the theme variables and base styles. All components use CSS Modules
|
|
|
188
188
|
All components are written in TypeScript and include full type definitions. Import types as needed:
|
|
189
189
|
|
|
190
190
|
```tsx
|
|
191
|
-
import type { ButtonProps, WindowProps } from 'mac-os9-ui';
|
|
191
|
+
import type { ButtonProps, WindowProps } from '@liiift-studio/mac-os9-ui';
|
|
192
192
|
```
|
|
193
193
|
|
|
194
194
|
## Browser Support
|
package/package.json
CHANGED
|
@@ -1,28 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liiift-studio/mac-os9-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "A pixel-perfect Mac OS 9 UI component library for React and TypeScript",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"type": "module",
|
|
8
|
-
"main": "./dist/
|
|
9
|
-
"module": "./dist/
|
|
8
|
+
"main": "./dist/index.cjs",
|
|
9
|
+
"module": "./dist/index.js",
|
|
10
10
|
"types": "./dist/index.d.ts",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
13
|
"import": {
|
|
14
14
|
"types": "./dist/index.d.ts",
|
|
15
|
-
"default": "./dist/
|
|
15
|
+
"default": "./dist/index.js"
|
|
16
16
|
},
|
|
17
17
|
"require": {
|
|
18
|
-
"types": "./dist/index.d.
|
|
19
|
-
"default": "./dist/
|
|
18
|
+
"types": "./dist/index.d.cts",
|
|
19
|
+
"default": "./dist/index.cjs"
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
"./styles":
|
|
23
|
-
"import": "./dist/esm/styles/theme.css",
|
|
24
|
-
"require": "./dist/cjs/styles/theme.css"
|
|
25
|
-
}
|
|
22
|
+
"./styles": "./dist/index.css"
|
|
26
23
|
},
|
|
27
24
|
"files": [
|
|
28
25
|
"dist",
|