@shadow-library/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.
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/* AppLayout */
|
|
2
|
+
.main {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
min-height: calc(100vh - 56px);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.mainContent {
|
|
9
|
+
flex: 1;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* SideNavbar - Logo Section */
|
|
13
|
+
.logoSection {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
min-height: 56px;
|
|
18
|
+
border-bottom: 0.5px solid light-dark(var(--mantine-color-shadowSlate-1), var(--mantine-color-shadowSlate-7));
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.logoContainer {
|
|
22
|
+
height: 36px;
|
|
23
|
+
padding: 0px 10px;
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* SideNavbar */
|
|
28
|
+
.navToggleSection {
|
|
29
|
+
border-top: 0.5px solid light-dark(var(--mantine-color-shadowSlate-1), var(--mantine-color-shadowSlate-7));
|
|
30
|
+
display: flex;
|
|
31
|
+
justify-content: flex-end;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.navToggleSectionCollapsed {
|
|
35
|
+
justify-content: center;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* SideNavbarItem */
|
|
39
|
+
.collapsedItem {
|
|
40
|
+
width: 100%;
|
|
41
|
+
border-radius: var(--mantine-radius-sm);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* ContentFooter */
|
|
45
|
+
.footer {
|
|
46
|
+
border-top: 0.5px solid light-dark(var(--mantine-color-shadowSlate-1), var(--mantine-color-shadowSlate-7));
|
|
47
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@keyframes glow-pulse {
|
|
2
|
+
0%,
|
|
3
|
+
100% {
|
|
4
|
+
filter: drop-shadow(0 0 4px var(--glow-color-low));
|
|
5
|
+
}
|
|
6
|
+
50% {
|
|
7
|
+
filter: drop-shadow(0 0 10px var(--glow-color-high));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.logoRoot {
|
|
12
|
+
height: 100%;
|
|
13
|
+
width: 100%;
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: space-between;
|
|
17
|
+
gap: 4px;
|
|
18
|
+
|
|
19
|
+
svg {
|
|
20
|
+
height: 100%;
|
|
21
|
+
stroke-width: 50px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.center {
|
|
25
|
+
justify-content: center;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.compactBrandContainer {
|
|
30
|
+
height: 100%;
|
|
31
|
+
padding: 4px;
|
|
32
|
+
border-radius: 6px;
|
|
33
|
+
backdrop-filter: blur(12px);
|
|
34
|
+
-webkit-backdrop-filter: blur(12px);
|
|
35
|
+
|
|
36
|
+
& > svg {
|
|
37
|
+
animation: glow-pulse 3s ease-in-out infinite;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.divider {
|
|
42
|
+
height: 70%;
|
|
43
|
+
margin-top: auto;
|
|
44
|
+
margin-bottom: auto;
|
|
45
|
+
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shadow-library/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
|
+
"description": " Shared React component library for the Shadow Apps ecosystem, built on Mantine with Storybook stories, and full TypeScript support. ",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+ssh://git@github.com/shadow-library/ui.git"
|
|
10
|
+
},
|
|
11
|
+
"author": "Leander Paul <leanderpaul97@outlook.com>",
|
|
12
|
+
"license": "MIT",
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/shadow-library/ui/issues"
|
|
15
|
+
},
|
|
16
|
+
"homepage": "https://github.com/shadow-library/ui#readme",
|
|
6
17
|
"peerDependencies": {
|
|
7
18
|
"typescript": "^5.9.3",
|
|
8
19
|
"@mantine/core": "^8.3.18",
|