noph-ui 0.30.10 → 0.30.12

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.
@@ -77,7 +77,7 @@
77
77
  }
78
78
  .np-navigation-drawer {
79
79
  display: flex;
80
- padding: var(--np-navigation-drawer-padding, 1.25rem);
80
+ padding: var(--np-navigation-drawer-padding, 1.25rem 0.75rem);
81
81
  flex-direction: column;
82
82
  }
83
83
  .np-navigation-drawer-shade {
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
+ import Ripple from '../ripple/Ripple.svelte'
2
3
  import type { HTMLButtonAttributes } from 'svelte/elements'
3
4
  import type { NavigationDrawerItemProps } from './types.ts'
4
- import Ripple from '../ripple/Ripple.svelte'
5
5
 
6
6
  let {
7
7
  selected = false,
@@ -63,7 +63,7 @@
63
63
  height: 3.5rem;
64
64
  display: inline-flex;
65
65
  position: relative;
66
- padding: 0 1.5rem 0 1rem;
66
+ padding: 0 1rem 0 1rem;
67
67
  border-radius: var(--np-navigation-drawer-item-container-shape, var(--np-shape-corner-full));
68
68
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
69
69
  z-index: 1;
@@ -136,7 +136,7 @@
136
136
  }
137
137
 
138
138
  .np-navigation-drawer-item-selected .np-navigation-drawer-item-label {
139
- font-weight: var(--np-navigation-drawer-item-selected-font-weight, 700);
139
+ font-weight: var(--np-navigation-drawer-item-selected-font-weight, 500);
140
140
  color: var(--np-color-on-secondary-container);
141
141
  }
142
142
 
@@ -144,6 +144,7 @@
144
144
  font-size: 0.875rem;
145
145
  line-height: 1.25rem;
146
146
  font-weight: 500;
147
+ padding-inline-end: 0.5rem;
147
148
  color: var(--np-color-on-surface-variant);
148
149
  }
149
150
  </style>
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
+ import Ripple from '../ripple/Ripple.svelte'
2
3
  import type { HTMLButtonAttributes } from 'svelte/elements'
3
4
  import type { NavigationRailItemProps } from './types.ts'
4
- import Ripple from '../ripple/Ripple.svelte'
5
5
 
6
6
  let { selected, icon, label, ...attributes }: NavigationRailItemProps = $props()
7
7
  let touchEl: HTMLSpanElement | undefined = $state()
@@ -107,7 +107,7 @@
107
107
  }
108
108
 
109
109
  .np-navigation-action-selected .np-navigation-action-label {
110
- font-weight: var(--np-navigation-rail-item-selected-font-weight, 700);
110
+ font-weight: var(--np-navigation-rail-item-selected-font-weight, 500);
111
111
  color: var(--np-color-secondary);
112
112
  }
113
113
  .np-touch {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "noph-ui",
3
- "version": "0.30.10",
3
+ "version": "0.30.12",
4
4
  "license": "MIT",
5
5
  "homepage": "https://noph.dev",
6
6
  "repository": {
@@ -68,7 +68,7 @@
68
68
  "svelte": "^5.40.0"
69
69
  },
70
70
  "devDependencies": {
71
- "@eslint/js": "^9.39.1",
71
+ "@eslint/js": "^9.39.2",
72
72
  "@material/material-color-utilities": "^0.3.0",
73
73
  "@playwright/test": "^1.57.0",
74
74
  "@sveltejs/adapter-auto": "^7.0.0",
@@ -76,14 +76,14 @@
76
76
  "@sveltejs/package": "^2.5.7",
77
77
  "@sveltejs/vite-plugin-svelte": "^6.2.1",
78
78
  "@types/eslint": "^9.6.1",
79
- "eslint": "^9.39.1",
79
+ "eslint": "^9.39.2",
80
80
  "eslint-config-prettier": "^10.1.8",
81
81
  "eslint-plugin-svelte": "^3.13.1",
82
82
  "globals": "^16.5.0",
83
83
  "prettier": "^3.7.4",
84
84
  "prettier-plugin-svelte": "^3.4.0",
85
85
  "publint": "^0.3.16",
86
- "svelte": "^5.45.8",
86
+ "svelte": "^5.46.0",
87
87
  "svelte-check": "^4.3.4",
88
88
  "typescript": "^5.9.3",
89
89
  "typescript-eslint": "^8.49.0",