@papernote/ui 1.8.2 → 1.9.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/dist/components/NotificationBell.d.ts +104 -0
- package/dist/components/NotificationBell.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.d.ts +106 -2
- package/dist/index.esm.js +236 -47
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +235 -45
- package/dist/index.js.map +1 -1
- package/dist/styles.css +21 -0
- package/package.json +1 -1
- package/src/components/Layout.tsx +1 -1
- package/src/components/NotificationBell.stories.tsx +717 -0
- package/src/components/NotificationBell.tsx +556 -0
- package/src/components/index.ts +4 -0
package/dist/styles.css
CHANGED
|
@@ -1973,6 +1973,10 @@ input:checked + .slider:before{
|
|
|
1973
1973
|
width: 50%;
|
|
1974
1974
|
}
|
|
1975
1975
|
|
|
1976
|
+
.w-1\/4{
|
|
1977
|
+
width: 25%;
|
|
1978
|
+
}
|
|
1979
|
+
|
|
1976
1980
|
.w-10{
|
|
1977
1981
|
width: 2.5rem;
|
|
1978
1982
|
}
|
|
@@ -2879,6 +2883,10 @@ input:checked + .slider:before{
|
|
|
2879
2883
|
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
|
2880
2884
|
}
|
|
2881
2885
|
|
|
2886
|
+
.self-center{
|
|
2887
|
+
align-self: center;
|
|
2888
|
+
}
|
|
2889
|
+
|
|
2882
2890
|
.overflow-auto{
|
|
2883
2891
|
overflow: auto;
|
|
2884
2892
|
}
|
|
@@ -3290,6 +3298,11 @@ input:checked + .slider:before{
|
|
|
3290
3298
|
border-bottom-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
|
|
3291
3299
|
}
|
|
3292
3300
|
|
|
3301
|
+
.border-l-error-500{
|
|
3302
|
+
--tw-border-opacity: 1;
|
|
3303
|
+
border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3293
3306
|
.border-l-ink-800{
|
|
3294
3307
|
--tw-border-opacity: 1;
|
|
3295
3308
|
border-left-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
|
|
@@ -3496,6 +3509,10 @@ input:checked + .slider:before{
|
|
|
3496
3509
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
|
|
3497
3510
|
}
|
|
3498
3511
|
|
|
3512
|
+
.bg-primary-50\/30{
|
|
3513
|
+
background-color: rgb(248 250 252 / 0.3);
|
|
3514
|
+
}
|
|
3515
|
+
|
|
3499
3516
|
.bg-primary-50\/80{
|
|
3500
3517
|
background-color: rgb(248 250 252 / 0.8);
|
|
3501
3518
|
}
|
|
@@ -4012,6 +4029,10 @@ input:checked + .slider:before{
|
|
|
4012
4029
|
padding-top: 0.75rem;
|
|
4013
4030
|
}
|
|
4014
4031
|
|
|
4032
|
+
.pt-32{
|
|
4033
|
+
padding-top: 8rem;
|
|
4034
|
+
}
|
|
4035
|
+
|
|
4015
4036
|
.pt-4{
|
|
4016
4037
|
padding-top: 1rem;
|
|
4017
4038
|
}
|
package/package.json
CHANGED
|
@@ -92,7 +92,7 @@ export const Layout: React.FC<LayoutProps> = ({
|
|
|
92
92
|
{sidebar}
|
|
93
93
|
|
|
94
94
|
{/* Gutter area - between sidebar and content with page navigation */}
|
|
95
|
-
<div className="w-8 h-full bg-paper-100 flex-shrink-0 relative flex items-
|
|
95
|
+
<div className="w-8 h-full bg-paper-100 flex-shrink-0 relative z-10 flex items-start justify-center pt-32">
|
|
96
96
|
<PageNavigation sections={sections} />
|
|
97
97
|
</div>
|
|
98
98
|
|