@liiift-studio/mac-os9-ui 0.1.0 → 0.1.1
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/ATTRIBUTION.md +99 -99
- package/LICENSE +49 -49
- package/README.md +243 -243
- package/dist/index.cjs.map +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +109 -109
package/ATTRIBUTION.md
CHANGED
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
# Attribution
|
|
2
|
-
|
|
3
|
-
## Design Credits
|
|
4
|
-
|
|
5
|
-
This component library is based on the **Mac OS 9 UI Kit** created by **Michael Feeney**.
|
|
6
|
-
|
|
7
|
-
### Original Design Information
|
|
8
|
-
|
|
9
|
-
- **Project**: Mac OS 9 UI Kit (Macostalgia)
|
|
10
|
-
- **Creator**: Michael Feeney
|
|
11
|
-
- **Website**: https://swallowmygraphicdesign.com/project/macostalgia
|
|
12
|
-
- **Figma Community File**: https://www.figma.com/design/vy2T5MCXFz7QWf4Ba86eqN/Mac-OS-9--UI-Kit--Community-
|
|
13
|
-
|
|
14
|
-
### License
|
|
15
|
-
|
|
16
|
-
The original Mac OS 9 UI Kit designs are licensed under **Creative Commons Attribution 4.0 International License (CC BY 4.0)**.
|
|
17
|
-
|
|
18
|
-
**License URL**: https://creativecommons.org/licenses/by/4.0/
|
|
19
|
-
|
|
20
|
-
#### What this means:
|
|
21
|
-
|
|
22
|
-
You are free to:
|
|
23
|
-
- ✅ **Share** — copy and redistribute the material in any medium or format
|
|
24
|
-
- ✅ **Adapt** — remix, transform, and build upon the material for any purpose, even commercially
|
|
25
|
-
|
|
26
|
-
Under the following terms:
|
|
27
|
-
- ⚠️ **Attribution** — You must give appropriate credit to Michael Feeney, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
|
|
28
|
-
|
|
29
|
-
## Implementation
|
|
30
|
-
|
|
31
|
-
This React/TypeScript component library (`mac-os9-ui`) implements Michael Feeney's designs as functional web components with:
|
|
32
|
-
|
|
33
|
-
- Pixel-accurate visual fidelity to the original designs
|
|
34
|
-
- Modern accessibility features (ARIA, keyboard navigation)
|
|
35
|
-
- TypeScript type definitions
|
|
36
|
-
- Comprehensive testing and documentation
|
|
37
|
-
|
|
38
|
-
### Changes Made
|
|
39
|
-
|
|
40
|
-
From the original Figma designs, this library has:
|
|
41
|
-
|
|
42
|
-
1. **Added**: Full accessibility support (ARIA attributes, keyboard navigation, focus management)
|
|
43
|
-
2. **Added**: Responsive behavior for modern web applications
|
|
44
|
-
3. **Added**: TypeScript type definitions for all components
|
|
45
|
-
4. **Adapted**: CSS implementations using modern web standards (CSS Modules, CSS Custom Properties)
|
|
46
|
-
5. **Enhanced**: Interactive states with proper event handling
|
|
47
|
-
|
|
48
|
-
All visual design decisions remain faithful to Michael Feeney's original Mac OS 9 UI Kit.
|
|
49
|
-
|
|
50
|
-
## How to Attribute
|
|
51
|
-
|
|
52
|
-
When using this library in your projects, please include attribution to both:
|
|
53
|
-
|
|
54
|
-
### 1. This Library (mac-os9-ui)
|
|
55
|
-
|
|
56
|
-
```
|
|
57
|
-
Built with mac-os9-ui component library
|
|
58
|
-
https://github.com/Liiift-Studio/Mac-OS-9-React
|
|
59
|
-
Licensed under MIT License
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
### 2. Original Designs (Michael Feeney)
|
|
63
|
-
|
|
64
|
-
```
|
|
65
|
-
Designs by Michael Feeney
|
|
66
|
-
Mac OS 9 UI Kit (Macostalgia)
|
|
67
|
-
https://swallowmygraphicdesign.com/project/macostalgia
|
|
68
|
-
Licensed under CC BY 4.0
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
### Recommended Attribution Format
|
|
72
|
-
|
|
73
|
-
For websites or applications:
|
|
74
|
-
|
|
75
|
-
```html
|
|
76
|
-
<!-- Footer or About section -->
|
|
77
|
-
<p>
|
|
78
|
-
UI components powered by
|
|
79
|
-
<a href="https://github.com/Liiift-Studio/Mac-OS-9-React">mac-os9-ui</a>.
|
|
80
|
-
Original designs by
|
|
81
|
-
<a href="https://swallowmygraphicdesign.com/project/macostalgia">Michael Feeney</a>
|
|
82
|
-
licensed under
|
|
83
|
-
<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
|
|
84
|
-
</p>
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
For documentation or README:
|
|
88
|
-
|
|
89
|
-
```markdown
|
|
90
|
-
## Credits
|
|
91
|
-
|
|
92
|
-
- UI Components: [mac-os9-ui](https://github.com/Liiift-Studio/Mac-OS-9-React) (MIT License)
|
|
93
|
-
- Original Designs: [Michael Feeney - Mac OS 9 UI Kit](https://swallowmygraphicdesign.com/project/macostalgia) (CC BY 4.0)
|
|
94
|
-
```
|
|
95
|
-
|
|
96
|
-
## Thank You
|
|
97
|
-
|
|
98
|
-
Special thanks to Michael Feeney for creating and sharing this beautiful Mac OS 9 UI Kit with the design community. His work preserves an important piece of computing history and enables developers to bring that nostalgic aesthetic to modern web applications.
|
|
99
|
-
|
|
1
|
+
# Attribution
|
|
2
|
+
|
|
3
|
+
## Design Credits
|
|
4
|
+
|
|
5
|
+
This component library is based on the **Mac OS 9 UI Kit** created by **Michael Feeney**.
|
|
6
|
+
|
|
7
|
+
### Original Design Information
|
|
8
|
+
|
|
9
|
+
- **Project**: Mac OS 9 UI Kit (Macostalgia)
|
|
10
|
+
- **Creator**: Michael Feeney
|
|
11
|
+
- **Website**: https://swallowmygraphicdesign.com/project/macostalgia
|
|
12
|
+
- **Figma Community File**: https://www.figma.com/design/vy2T5MCXFz7QWf4Ba86eqN/Mac-OS-9--UI-Kit--Community-
|
|
13
|
+
|
|
14
|
+
### License
|
|
15
|
+
|
|
16
|
+
The original Mac OS 9 UI Kit designs are licensed under **Creative Commons Attribution 4.0 International License (CC BY 4.0)**.
|
|
17
|
+
|
|
18
|
+
**License URL**: https://creativecommons.org/licenses/by/4.0/
|
|
19
|
+
|
|
20
|
+
#### What this means:
|
|
21
|
+
|
|
22
|
+
You are free to:
|
|
23
|
+
- ✅ **Share** — copy and redistribute the material in any medium or format
|
|
24
|
+
- ✅ **Adapt** — remix, transform, and build upon the material for any purpose, even commercially
|
|
25
|
+
|
|
26
|
+
Under the following terms:
|
|
27
|
+
- ⚠️ **Attribution** — You must give appropriate credit to Michael Feeney, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
|
|
28
|
+
|
|
29
|
+
## Implementation
|
|
30
|
+
|
|
31
|
+
This React/TypeScript component library (`mac-os9-ui`) implements Michael Feeney's designs as functional web components with:
|
|
32
|
+
|
|
33
|
+
- Pixel-accurate visual fidelity to the original designs
|
|
34
|
+
- Modern accessibility features (ARIA, keyboard navigation)
|
|
35
|
+
- TypeScript type definitions
|
|
36
|
+
- Comprehensive testing and documentation
|
|
37
|
+
|
|
38
|
+
### Changes Made
|
|
39
|
+
|
|
40
|
+
From the original Figma designs, this library has:
|
|
41
|
+
|
|
42
|
+
1. **Added**: Full accessibility support (ARIA attributes, keyboard navigation, focus management)
|
|
43
|
+
2. **Added**: Responsive behavior for modern web applications
|
|
44
|
+
3. **Added**: TypeScript type definitions for all components
|
|
45
|
+
4. **Adapted**: CSS implementations using modern web standards (CSS Modules, CSS Custom Properties)
|
|
46
|
+
5. **Enhanced**: Interactive states with proper event handling
|
|
47
|
+
|
|
48
|
+
All visual design decisions remain faithful to Michael Feeney's original Mac OS 9 UI Kit.
|
|
49
|
+
|
|
50
|
+
## How to Attribute
|
|
51
|
+
|
|
52
|
+
When using this library in your projects, please include attribution to both:
|
|
53
|
+
|
|
54
|
+
### 1. This Library (mac-os9-ui)
|
|
55
|
+
|
|
56
|
+
```
|
|
57
|
+
Built with mac-os9-ui component library
|
|
58
|
+
https://github.com/Liiift-Studio/Mac-OS-9-React
|
|
59
|
+
Licensed under MIT License
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
### 2. Original Designs (Michael Feeney)
|
|
63
|
+
|
|
64
|
+
```
|
|
65
|
+
Designs by Michael Feeney
|
|
66
|
+
Mac OS 9 UI Kit (Macostalgia)
|
|
67
|
+
https://swallowmygraphicdesign.com/project/macostalgia
|
|
68
|
+
Licensed under CC BY 4.0
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### Recommended Attribution Format
|
|
72
|
+
|
|
73
|
+
For websites or applications:
|
|
74
|
+
|
|
75
|
+
```html
|
|
76
|
+
<!-- Footer or About section -->
|
|
77
|
+
<p>
|
|
78
|
+
UI components powered by
|
|
79
|
+
<a href="https://github.com/Liiift-Studio/Mac-OS-9-React">mac-os9-ui</a>.
|
|
80
|
+
Original designs by
|
|
81
|
+
<a href="https://swallowmygraphicdesign.com/project/macostalgia">Michael Feeney</a>
|
|
82
|
+
licensed under
|
|
83
|
+
<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
|
|
84
|
+
</p>
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
For documentation or README:
|
|
88
|
+
|
|
89
|
+
```markdown
|
|
90
|
+
## Credits
|
|
91
|
+
|
|
92
|
+
- UI Components: [mac-os9-ui](https://github.com/Liiift-Studio/Mac-OS-9-React) (MIT License)
|
|
93
|
+
- Original Designs: [Michael Feeney - Mac OS 9 UI Kit](https://swallowmygraphicdesign.com/project/macostalgia) (CC BY 4.0)
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
## Thank You
|
|
97
|
+
|
|
98
|
+
Special thanks to Michael Feeney for creating and sharing this beautiful Mac OS 9 UI Kit with the design community. His work preserves an important piece of computing history and enables developers to bring that nostalgic aesthetic to modern web applications.
|
|
99
|
+
|
|
100
100
|
Visit his website to see more of his excellent work: https://swallowmygraphicdesign.com/
|
package/LICENSE
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026 Liiift Studio
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
22
|
-
|
|
23
|
-
---
|
|
24
|
-
|
|
25
|
-
DESIGN ATTRIBUTION
|
|
26
|
-
|
|
27
|
-
The Mac OS 9 UI designs implemented in this library are based on the
|
|
28
|
-
"Mac OS 9 UI Kit" created by Michael Feeney.
|
|
29
|
-
|
|
30
|
-
Original Design: Mac OS 9 UI Kit
|
|
31
|
-
Creator: Michael Feeney
|
|
32
|
-
Website: https://swallowmygraphicdesign.com/project/macostalgia
|
|
33
|
-
Figma File: https://www.figma.com/design/vy2T5MCXFz7QWf4Ba86eqN/Mac-OS-9--UI-Kit--Community-
|
|
34
|
-
|
|
35
|
-
The original designs are licensed under Creative Commons Attribution 4.0
|
|
36
|
-
International License (CC BY 4.0).
|
|
37
|
-
https://creativecommons.org/licenses/by/4.0/
|
|
38
|
-
|
|
39
|
-
This means you are free to:
|
|
40
|
-
- Share — copy and redistribute the material in any medium or format
|
|
41
|
-
- Adapt — remix, transform, and build upon the material for any purpose,
|
|
42
|
-
even commercially
|
|
43
|
-
|
|
44
|
-
Under the following terms:
|
|
45
|
-
- Attribution — You must give appropriate credit to Michael Feeney, provide
|
|
46
|
-
a link to the license, and indicate if changes were made.
|
|
47
|
-
|
|
48
|
-
When using this library, please include attribution to both:
|
|
49
|
-
1. This library (mac-os9-ui) under MIT License
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Liiift Studio
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
DESIGN ATTRIBUTION
|
|
26
|
+
|
|
27
|
+
The Mac OS 9 UI designs implemented in this library are based on the
|
|
28
|
+
"Mac OS 9 UI Kit" created by Michael Feeney.
|
|
29
|
+
|
|
30
|
+
Original Design: Mac OS 9 UI Kit
|
|
31
|
+
Creator: Michael Feeney
|
|
32
|
+
Website: https://swallowmygraphicdesign.com/project/macostalgia
|
|
33
|
+
Figma File: https://www.figma.com/design/vy2T5MCXFz7QWf4Ba86eqN/Mac-OS-9--UI-Kit--Community-
|
|
34
|
+
|
|
35
|
+
The original designs are licensed under Creative Commons Attribution 4.0
|
|
36
|
+
International License (CC BY 4.0).
|
|
37
|
+
https://creativecommons.org/licenses/by/4.0/
|
|
38
|
+
|
|
39
|
+
This means you are free to:
|
|
40
|
+
- Share — copy and redistribute the material in any medium or format
|
|
41
|
+
- Adapt — remix, transform, and build upon the material for any purpose,
|
|
42
|
+
even commercially
|
|
43
|
+
|
|
44
|
+
Under the following terms:
|
|
45
|
+
- Attribution — You must give appropriate credit to Michael Feeney, provide
|
|
46
|
+
a link to the license, and indicate if changes were made.
|
|
47
|
+
|
|
48
|
+
When using this library, please include attribution to both:
|
|
49
|
+
1. This library (mac-os9-ui) under MIT License
|
|
50
50
|
2. Michael Feeney's original Mac OS 9 UI Kit designs under CC BY 4.0
|