noph-ui 0.6.6 → 0.6.8
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.
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
color: var(--np-color-on-surface-variant);
|
|
90
90
|
}
|
|
91
91
|
.np-navigation-action-selected .np-navigation-action-icon {
|
|
92
|
-
color: var(--np-color-secondary-container);
|
|
92
|
+
color: var(--np-color-on-secondary-container);
|
|
93
93
|
--np-icon-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
|
94
94
|
}
|
|
95
95
|
.np-navigation-action-icon::before {
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
transition-duration: 0.2s;
|
|
103
103
|
transition-property: transform, opacity;
|
|
104
104
|
transition-timing-function: linear;
|
|
105
|
-
background-color: var(--np-color-
|
|
105
|
+
background-color: var(--np-color-secondary-container);
|
|
106
106
|
border-radius: 100px;
|
|
107
107
|
z-index: -1;
|
|
108
108
|
}
|
|
@@ -4,24 +4,21 @@
|
|
|
4
4
|
let { children, ...attributes }: NavigationRailProps = $props()
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
{
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
</nav>
|
|
13
|
-
</div>
|
|
7
|
+
<nav {...attributes} class="navigation-rail {attributes.class}">
|
|
8
|
+
{#if children}
|
|
9
|
+
{@render children()}
|
|
10
|
+
{/if}
|
|
11
|
+
</nav>
|
|
14
12
|
|
|
15
13
|
<style>
|
|
16
|
-
.navigation-rail
|
|
14
|
+
.navigation-rail {
|
|
17
15
|
overflow-y: auto;
|
|
18
16
|
z-index: 8;
|
|
19
17
|
background-color: var(--np-color-surface);
|
|
20
|
-
}
|
|
21
|
-
.navigation-rail {
|
|
22
18
|
display: flex;
|
|
23
19
|
flex-direction: column;
|
|
24
20
|
justify-content: space-between;
|
|
21
|
+
align-items: center;
|
|
25
22
|
width: 80px;
|
|
26
23
|
gap: 0.75rem;
|
|
27
24
|
}
|
package/package.json
CHANGED
|
@@ -1,93 +1,92 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}
|
|
2
|
+
"name": "noph-ui",
|
|
3
|
+
"version": "0.6.8",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"homepage": "https://noph.dev",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/cnolte/noph-ui"
|
|
9
|
+
},
|
|
10
|
+
"author": {
|
|
11
|
+
"name": "cnolte"
|
|
12
|
+
},
|
|
13
|
+
"keywords": [
|
|
14
|
+
"svelte",
|
|
15
|
+
"svelte 5",
|
|
16
|
+
"material",
|
|
17
|
+
"material 3",
|
|
18
|
+
"material you",
|
|
19
|
+
"m3",
|
|
20
|
+
"ui",
|
|
21
|
+
"frontend",
|
|
22
|
+
"design-system",
|
|
23
|
+
"ui-library",
|
|
24
|
+
"theming"
|
|
25
|
+
],
|
|
26
|
+
"exports": {
|
|
27
|
+
".": {
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"svelte": "./dist/index.js"
|
|
30
|
+
},
|
|
31
|
+
"./icons": {
|
|
32
|
+
"types": "./dist/icons/index.d.ts",
|
|
33
|
+
"svelte": "./dist/icons/index.js"
|
|
34
|
+
},
|
|
35
|
+
"./types": {
|
|
36
|
+
"types": "./dist/types.d.ts"
|
|
37
|
+
},
|
|
38
|
+
"./defaultTheme": {
|
|
39
|
+
"import": "./dist/themes/defaultTheme.css",
|
|
40
|
+
"require": "./dist/themes/defaultTheme.css"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"sideEffects": [
|
|
44
|
+
"**/*.css"
|
|
45
|
+
],
|
|
46
|
+
"files": [
|
|
47
|
+
"dist",
|
|
48
|
+
"!dist/**/*.test.*",
|
|
49
|
+
"!dist/**/*.spec.*"
|
|
50
|
+
],
|
|
51
|
+
"peerDependencies": {
|
|
52
|
+
"svelte": "^5.0.0"
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@material/material-color-utilities": "^0.3.0",
|
|
56
|
+
"@playwright/test": "^1.49.1",
|
|
57
|
+
"@sveltejs/adapter-vercel": "^5.5.2",
|
|
58
|
+
"@sveltejs/kit": "^2.12.1",
|
|
59
|
+
"@sveltejs/package": "^2.3.7",
|
|
60
|
+
"@sveltejs/vite-plugin-svelte": "^5.0.2",
|
|
61
|
+
"@types/eslint": "^9.6.1",
|
|
62
|
+
"eslint": "^9.17.0",
|
|
63
|
+
"eslint-config-prettier": "^9.1.0",
|
|
64
|
+
"eslint-plugin-svelte": "^2.46.1",
|
|
65
|
+
"globals": "^15.13.0",
|
|
66
|
+
"prettier": "^3.4.2",
|
|
67
|
+
"prettier-plugin-svelte": "^3.3.2",
|
|
68
|
+
"publint": "^0.2.12",
|
|
69
|
+
"svelte": "^5.14.3",
|
|
70
|
+
"svelte-check": "^4.1.1",
|
|
71
|
+
"typescript": "^5.7.2",
|
|
72
|
+
"typescript-eslint": "^8.18.1",
|
|
73
|
+
"vite": "^6.0.3",
|
|
74
|
+
"vitest": "^2.1.8"
|
|
75
|
+
},
|
|
76
|
+
"svelte": "./dist/index.js",
|
|
77
|
+
"types": "./dist/index.d.ts",
|
|
78
|
+
"type": "module",
|
|
79
|
+
"scripts": {
|
|
80
|
+
"dev": "vite dev",
|
|
81
|
+
"build": "vite build && npm run package",
|
|
82
|
+
"preview": "vite preview",
|
|
83
|
+
"package": "svelte-kit sync && svelte-package && publint",
|
|
84
|
+
"test": "npm run test:integration && npm run test:unit",
|
|
85
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
86
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
87
|
+
"lint": "prettier --check . && eslint .",
|
|
88
|
+
"format": "prettier --write .",
|
|
89
|
+
"test:integration": "playwright test",
|
|
90
|
+
"test:unit": "vitest"
|
|
91
|
+
}
|
|
92
|
+
}
|