noph-ui 0.14.1 → 0.14.3

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.
@@ -1,11 +1,11 @@
1
1
  <script lang="ts">
2
- import type { Snippet } from 'svelte'
2
+ import type { ChipSetProps } from './types.ts'
3
3
 
4
- let { children }: { children?: Snippet } = $props()
4
+ let { children, ...attributes }: ChipSetProps = $props()
5
5
  </script>
6
6
 
7
7
  {#if children}
8
- <div class="np-chip-set" role="toolbar">
8
+ <div class={['np-chip-set', attributes.class]} role="toolbar">
9
9
  {@render children()}
10
10
  </div>
11
11
  {/if}
@@ -1,7 +1,4 @@
1
- import type { Snippet } from 'svelte';
2
- type $$ComponentProps = {
3
- children?: Snippet;
4
- };
5
- declare const ChipSet: import("svelte").Component<$$ComponentProps, {}, "">;
1
+ import type { ChipSetProps } from './types.ts';
2
+ declare const ChipSet: import("svelte").Component<ChipSetProps, {}, "">;
6
3
  type ChipSet = ReturnType<typeof ChipSet>;
7
4
  export default ChipSet;
@@ -1,5 +1,6 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
+ export type ChipSetProps = HTMLAttributes<HTMLDivElement>;
3
4
  export interface FilterChipProps extends HTMLAttributes<HTMLDivElement> {
4
5
  selected?: boolean;
5
6
  removable?: boolean;
@@ -93,7 +93,12 @@
93
93
  .np-item-end,
94
94
  .np-item-start {
95
95
  display: flex;
96
- color: var(--np-color-on-surface-variant);
96
+ }
97
+ .np-item-start {
98
+ color: var(--np-item-leading-icon-color, var(--np-color-on-surface-variant));
99
+ }
100
+ .np-item-end {
101
+ color: var(--np-item-trailing-icon-color, var(--np-color-on-surface-variant));
97
102
  }
98
103
 
99
104
  .np-item-end.selected,
@@ -124,7 +129,7 @@
124
129
  min-height: 3.5rem;
125
130
  gap: 1rem;
126
131
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
127
- color: var(--np-color-on-surface);
132
+ color: var(--np-item-label-text-color, var(--np-color-on-surface));
128
133
  box-sizing: border-box;
129
134
  }
130
135
 
@@ -175,7 +180,7 @@
175
180
  line-height: 1.5rem;
176
181
  }
177
182
  .np-item-supporting-text {
178
- color: var(--np-color-on-surface-variant);
183
+ color: var(--np-item-supporting-text-color, var(--np-color-on-surface-variant));
179
184
  font-size: 0.875rem;
180
185
  line-height: 1.25rem;
181
186
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "noph-ui",
3
- "version": "0.14.1",
3
+ "version": "0.14.3",
4
4
  "license": "MIT",
5
5
  "homepage": "https://noph.dev",
6
6
  "repository": {
@@ -52,24 +52,25 @@
52
52
  "svelte": "^5.20.0"
53
53
  },
54
54
  "devDependencies": {
55
+ "@eslint/js": "^9.21.0",
55
56
  "@material/material-color-utilities": "^0.3.0",
56
57
  "@playwright/test": "^1.50.1",
57
58
  "@sveltejs/adapter-vercel": "^5.6.3",
58
- "@sveltejs/kit": "^2.17.3",
59
+ "@sveltejs/kit": "^2.18.0",
59
60
  "@sveltejs/package": "^2.3.10",
60
61
  "@sveltejs/vite-plugin-svelte": "^5.0.3",
61
62
  "@types/eslint": "^9.6.1",
62
63
  "eslint": "^9.21.0",
63
- "eslint-config-prettier": "^10.0.1",
64
- "eslint-plugin-svelte": "^3.0.0",
64
+ "eslint-config-prettier": "^10.0.2",
65
+ "eslint-plugin-svelte": "^3.0.2",
65
66
  "globals": "^16.0.0",
66
- "prettier": "^3.5.2",
67
+ "prettier": "^3.5.3",
67
68
  "prettier-plugin-svelte": "^3.3.3",
68
- "publint": "^0.3.6",
69
- "svelte": "^5.20.4",
69
+ "publint": "^0.3.8",
70
+ "svelte": "^5.22.1",
70
71
  "svelte-check": "^4.1.4",
71
- "typescript": "^5.7.3",
72
- "typescript-eslint": "^8.25.0",
72
+ "typescript": "^5.8.2",
73
+ "typescript-eslint": "^8.26.0",
73
74
  "vite": "^6.2.0",
74
75
  "vitest": "^3.0.7"
75
76
  },