@liiift-studio/mac-os9-ui 0.2.21 → 0.2.23
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/dist/fonts/65e59833.woff +0 -0
- package/dist/fonts/6fb9ec6b.woff +0 -0
- package/dist/fonts/9f492b6d.woff2 +0 -0
- package/dist/fonts/e45380e5.woff2 +0 -0
- package/dist/index.cjs +100 -26
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +50 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +42 -2
- package/dist/index.js +100 -27
- package/dist/index.js.map +1 -1
- package/dist/types/components/MenuBar/MenuDropdown.d.ts +36 -0
- package/dist/types/components/MenuBar/MenuItem.d.ts +4 -0
- package/dist/types/components/MenuBar/index.d.ts +1 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/fonts/2bc2468e.woff +0 -0
- package/dist/fonts/3306dfd5.woff +0 -0
- package/dist/fonts/b9e24cd1.woff2 +0 -0
- package/dist/fonts/cf596b2d.woff2 +0 -0
- package/dist/fonts/pixelOperator/PixelOperator-Bold.ttf +0 -0
- package/dist/fonts/pixelOperator/PixelOperator.ttf +0 -0
package/dist/index.css
CHANGED
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
}
|
|
48
48
|
@font-face {
|
|
49
49
|
font-family: 'PixelSmall';
|
|
50
|
-
src: url("fonts/
|
|
51
|
-
url("fonts/
|
|
50
|
+
src: url("fonts/9f492b6d.woff2") format('woff2'),
|
|
51
|
+
url("fonts/65e59833.woff") format('woff');
|
|
52
52
|
font-style: normal;
|
|
53
53
|
font-weight: bold;
|
|
54
54
|
font-display: swap;
|
|
55
55
|
}
|
|
56
56
|
@font-face {
|
|
57
57
|
font-family: 'PixelSmall';
|
|
58
|
-
src: url("fonts/
|
|
59
|
-
url("fonts/
|
|
58
|
+
src: url("fonts/e45380e5.woff2") format('woff2'),
|
|
59
|
+
url("fonts/6fb9ec6b.woff") format('woff');
|
|
60
60
|
font-style: normal;
|
|
61
61
|
font-weight: normal;
|
|
62
62
|
font-display: swap;
|
|
@@ -3484,6 +3484,11 @@ body {
|
|
|
3484
3484
|
animation: MenuBar-module_menuFadeIn 100ms ease-out;
|
|
3485
3485
|
}
|
|
3486
3486
|
|
|
3487
|
+
.MenuBar-module_dropdown--right {
|
|
3488
|
+
left: auto;
|
|
3489
|
+
right: 0;
|
|
3490
|
+
}
|
|
3491
|
+
|
|
3487
3492
|
@keyframes MenuBar-module_menuFadeIn {
|
|
3488
3493
|
from {
|
|
3489
3494
|
opacity: 0;
|
|
@@ -3539,12 +3544,12 @@ body {
|
|
|
3539
3544
|
display: flex;
|
|
3540
3545
|
align-items: center;
|
|
3541
3546
|
gap: var(--spacing-2);
|
|
3542
|
-
|
|
3547
|
+
|
|
3543
3548
|
/* Layout */
|
|
3544
3549
|
width: 100%;
|
|
3545
3550
|
padding: var(--spacing-1) var(--spacing-3);
|
|
3546
3551
|
min-height: 20px;
|
|
3547
|
-
|
|
3552
|
+
|
|
3548
3553
|
/* Text styling */
|
|
3549
3554
|
font-family: var(--font-system);
|
|
3550
3555
|
font-size: var(--font-size-md);
|
|
@@ -3552,15 +3557,15 @@ body {
|
|
|
3552
3557
|
line-height: var(--line-height-snug);
|
|
3553
3558
|
text-align: left;
|
|
3554
3559
|
color: var(--color-text);
|
|
3555
|
-
|
|
3560
|
+
|
|
3556
3561
|
/* Remove button defaults */
|
|
3557
3562
|
background-color: transparent;
|
|
3558
3563
|
border: none;
|
|
3559
3564
|
cursor: pointer;
|
|
3560
|
-
|
|
3565
|
+
|
|
3561
3566
|
/* Transitions */
|
|
3562
3567
|
transition: background-color 50ms ease;
|
|
3563
|
-
|
|
3568
|
+
|
|
3564
3569
|
/* Prevent text selection */
|
|
3565
3570
|
user-select: none;
|
|
3566
3571
|
}
|
|
@@ -3641,6 +3646,42 @@ body {
|
|
|
3641
3646
|
margin-left: var(--spacing-1);
|
|
3642
3647
|
}
|
|
3643
3648
|
|
|
3649
|
+
.MenuItem-module_submenu {
|
|
3650
|
+
/* Submenu container */
|
|
3651
|
+
position: absolute;
|
|
3652
|
+
top: -4px;
|
|
3653
|
+
left: 100%;
|
|
3654
|
+
z-index: 1001;
|
|
3655
|
+
|
|
3656
|
+
/* Mac OS 9 menu appearance */
|
|
3657
|
+
background-color: var(--color-gray-100);
|
|
3658
|
+
border: var(--border-width-thin) solid var(--color-black);
|
|
3659
|
+
|
|
3660
|
+
/* Drop shadow */
|
|
3661
|
+
box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
|
|
3662
|
+
|
|
3663
|
+
/* Sizing */
|
|
3664
|
+
min-width: 200px;
|
|
3665
|
+
|
|
3666
|
+
/* Padding */
|
|
3667
|
+
padding: var(--spacing-1) 0;
|
|
3668
|
+
|
|
3669
|
+
/* Animation */
|
|
3670
|
+
animation: MenuItem-module_menuFadeIn 100ms ease-out;
|
|
3671
|
+
}
|
|
3672
|
+
|
|
3673
|
+
@keyframes MenuItem-module_menuFadeIn {
|
|
3674
|
+
from {
|
|
3675
|
+
opacity: 0;
|
|
3676
|
+
transform: translateX(-4px);
|
|
3677
|
+
}
|
|
3678
|
+
|
|
3679
|
+
to {
|
|
3680
|
+
opacity: 1;
|
|
3681
|
+
transform: translateX(0);
|
|
3682
|
+
}
|
|
3683
|
+
}
|
|
3684
|
+
|
|
3644
3685
|
/* ========================================
|
|
3645
3686
|
* Separator Line
|
|
3646
3687
|
* ======================================== */
|