@ibis-design/svelte 0.7.0 → 0.7.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/README.md +2 -39
- package/package.json +49 -49
package/README.md
CHANGED
|
@@ -38,15 +38,9 @@ Use semantic tokens from the active theme, for example:
|
|
|
38
38
|
- `--shadow-focus-default` for focus rings
|
|
39
39
|
- `--border-radius-md`, `--border-color-button`
|
|
40
40
|
|
|
41
|
-
###
|
|
41
|
+
### Component styles
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
```ts
|
|
46
|
-
import '@ibis-design/css/components/button.css';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
Consumers get styles automatically when they import the component; no separate CSS import is required unless you use the classes outside these components.
|
|
43
|
+
Svelte components load their presentation CSS from `@ibis-design/css` automatically. You do not need a separate component CSS import unless you use `.ibis-*` class names outside these components (see [@ibis-design/css](https://www.npmjs.com/package/@ibis-design/css) component entry points).
|
|
50
44
|
|
|
51
45
|
## Usage
|
|
52
46
|
|
|
@@ -135,34 +129,3 @@ With inline snippets:
|
|
|
135
129
|
- **Components:** `Button`, `Card`, `AuthLayout`, `AppLayout`, `DashboardLayout`
|
|
136
130
|
- **Types:** `ButtonVariant`, `ButtonSize`, `AuthLayoutProps`, `AppLayoutProps`, `DashboardLayoutProps` (from `@ibis-design/svelte`)
|
|
137
131
|
|
|
138
|
-
## Build
|
|
139
|
-
|
|
140
|
-
This package is built with **`@sveltejs/package`** (`svelte-package`), the supported Svelte library pipeline. It preprocesses Svelte, transpiles TypeScript, and emits **`.d.ts` next to outputs** so consumers get correct component prop types (not a separate Vite “library mode” + `vite-plugin-dts` flow).
|
|
141
|
-
|
|
142
|
-
From the package directory:
|
|
143
|
-
|
|
144
|
-
```bash
|
|
145
|
-
npm run build
|
|
146
|
-
```
|
|
147
|
-
|
|
148
|
-
This runs `svelte-kit sync` (generates `.svelte-kit` types for the minimal Kit shell) then `svelte-package`, writing output to `dist/`.
|
|
149
|
-
|
|
150
|
-
Watch mode during development:
|
|
151
|
-
|
|
152
|
-
```bash
|
|
153
|
-
npm run dev
|
|
154
|
-
```
|
|
155
|
-
|
|
156
|
-
From the monorepo root:
|
|
157
|
-
|
|
158
|
-
```bash
|
|
159
|
-
npm run build -w @ibis-design/svelte
|
|
160
|
-
```
|
|
161
|
-
|
|
162
|
-
## Type checking
|
|
163
|
-
|
|
164
|
-
```bash
|
|
165
|
-
npm run check
|
|
166
|
-
```
|
|
167
|
-
|
|
168
|
-
Runs `svelte-kit sync` then `svelte-check` with the package `tsconfig.json`.
|
package/package.json
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@ibis-design/svelte",
|
|
3
|
-
"version": "0.7.
|
|
4
|
-
"description": "Svelte component library for the IBIS design system.",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"main": "./dist/index.js",
|
|
7
|
-
"module": "./dist/index.js",
|
|
8
|
-
"types": "./dist/index.d.ts",
|
|
9
|
-
"svelte": "./dist/index.js",
|
|
10
|
-
"exports": {
|
|
11
|
-
".": {
|
|
12
|
-
"types": "./dist/index.d.ts",
|
|
13
|
-
"svelte": "./dist/index.js",
|
|
14
|
-
"import": "./dist/index.js",
|
|
15
|
-
"default": "./dist/index.js"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"files": [
|
|
19
|
-
"dist"
|
|
20
|
-
],
|
|
21
|
-
"sideEffects": [
|
|
22
|
-
"**/*.css"
|
|
23
|
-
],
|
|
24
|
-
"peerDependencies": {
|
|
25
|
-
"@ibis-design/css": "^0.7.
|
|
26
|
-
"svelte": "^5.54.0"
|
|
27
|
-
},
|
|
28
|
-
"devDependencies": {
|
|
29
|
-
"@ibis-design/css": "0.7.
|
|
30
|
-
"@sveltejs/adapter-auto": "7.0.1",
|
|
31
|
-
"@sveltejs/kit": "2.60.1",
|
|
32
|
-
"@sveltejs/package": "2.5.7",
|
|
33
|
-
"@sveltejs/vite-plugin-svelte": "^7.1.2",
|
|
34
|
-
"@types/node": "25.9.0",
|
|
35
|
-
"svelte": "5.55.8",
|
|
36
|
-
"svelte-check": "^4.4.8",
|
|
37
|
-
"typescript": "^5.9.3",
|
|
38
|
-
"vite": "^8.0.13"
|
|
39
|
-
},
|
|
40
|
-
"scripts": {
|
|
41
|
-
"build": "svelte-kit sync && svelte-package",
|
|
42
|
-
"prepublishOnly": "npm run build",
|
|
43
|
-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
44
|
-
"dev": "svelte-package -w"
|
|
45
|
-
},
|
|
46
|
-
"dependencies": {
|
|
47
|
-
"@solar-icons/svelte": "^1.1.1"
|
|
48
|
-
}
|
|
49
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@ibis-design/svelte",
|
|
3
|
+
"version": "0.7.1",
|
|
4
|
+
"description": "Svelte component library for the IBIS design system.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"svelte": "./dist/index.js",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"svelte": "./dist/index.js",
|
|
14
|
+
"import": "./dist/index.js",
|
|
15
|
+
"default": "./dist/index.js"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"sideEffects": [
|
|
22
|
+
"**/*.css"
|
|
23
|
+
],
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"@ibis-design/css": "^0.7.1",
|
|
26
|
+
"svelte": "^5.54.0"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"@ibis-design/css": "0.7.1",
|
|
30
|
+
"@sveltejs/adapter-auto": "7.0.1",
|
|
31
|
+
"@sveltejs/kit": "2.60.1",
|
|
32
|
+
"@sveltejs/package": "2.5.7",
|
|
33
|
+
"@sveltejs/vite-plugin-svelte": "^7.1.2",
|
|
34
|
+
"@types/node": "25.9.0",
|
|
35
|
+
"svelte": "5.55.8",
|
|
36
|
+
"svelte-check": "^4.4.8",
|
|
37
|
+
"typescript": "^5.9.3",
|
|
38
|
+
"vite": "^8.0.13"
|
|
39
|
+
},
|
|
40
|
+
"scripts": {
|
|
41
|
+
"build": "svelte-kit sync && svelte-package",
|
|
42
|
+
"prepublishOnly": "npm run build",
|
|
43
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
44
|
+
"dev": "svelte-package -w"
|
|
45
|
+
},
|
|
46
|
+
"dependencies": {
|
|
47
|
+
"@solar-icons/svelte": "^1.1.1"
|
|
48
|
+
}
|
|
49
|
+
}
|