@keboola/design 5.0.0 → 5.1.0
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/dist/index.cjs +46 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +46 -5
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +1 -1
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.js +1 -1
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.cjs +1 -1
- package/dist/mermaid.cjs.map +1 -1
- package/dist/mermaid.js +1 -1
- package/dist/mermaid.js.map +1 -1
- package/dist/styles.css +2 -2
- package/package.json +7 -6
- package/src/styles.css +9 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@keboola/design",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.1.0",
|
|
4
4
|
"description": "Keboola UI platform design system — shadcn-aligned React primitives, Keboola-branded blocks, and the form bindings built on TanStack Form.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -166,6 +166,7 @@
|
|
|
166
166
|
"@testing-library/user-event": "^14.6.1",
|
|
167
167
|
"@types/react": "^19.2.15",
|
|
168
168
|
"@types/react-dom": "^19.2.3",
|
|
169
|
+
"@typescript/native": "npm:typescript@^7.0.2",
|
|
169
170
|
"@vitejs/plugin-react": "^6.0.0",
|
|
170
171
|
"@vitest/browser": "4.1.8",
|
|
171
172
|
"@vitest/browser-playwright": "4.1.8",
|
|
@@ -183,12 +184,12 @@
|
|
|
183
184
|
"tailwindcss": "^3.4.17",
|
|
184
185
|
"tsup": "^8.5.1",
|
|
185
186
|
"tsx": "^4.19.4",
|
|
186
|
-
"typescript": "
|
|
187
|
+
"typescript": "npm:@typescript/typescript6@^6.0.2",
|
|
187
188
|
"vite": "^8.0.16",
|
|
188
189
|
"vitest": "^4.1.8",
|
|
189
|
-
"@keboola/oxlint-config": "^
|
|
190
|
+
"@keboola/oxlint-config": "^5.0.0",
|
|
190
191
|
"@keboola/postcss-config": "^0.1.1",
|
|
191
|
-
"@keboola/tsconfig": "^0.
|
|
192
|
+
"@keboola/tsconfig": "^0.2.0"
|
|
192
193
|
},
|
|
193
194
|
"peerDependencies": {
|
|
194
195
|
"@testing-library/react": "^16.3.2",
|
|
@@ -272,8 +273,8 @@
|
|
|
272
273
|
"tailwind-merge": "^2.6.0",
|
|
273
274
|
"@keboola/brand-registry": "^1.3.0",
|
|
274
275
|
"@keboola/codemirror-lang-sfsql": "^1.2.1",
|
|
275
|
-
"@keboola/
|
|
276
|
-
"@keboola/
|
|
276
|
+
"@keboola/tailwind-config": "^0.6.0",
|
|
277
|
+
"@keboola/codemirror-lang-sql": "^0.2.2"
|
|
277
278
|
},
|
|
278
279
|
"scripts": {
|
|
279
280
|
"dev": "storybook dev -p 6006",
|
package/src/styles.css
CHANGED
|
@@ -64,6 +64,11 @@
|
|
|
64
64
|
--color-muted: 241 245 249; /* #f1f5f9 */
|
|
65
65
|
--color-muted-foreground: 100 116 139; /* #64748b */
|
|
66
66
|
|
|
67
|
+
/* Skeleton placeholder fill — a touch darker than `muted` so the loading
|
|
68
|
+
block stays perceptible on white cards / off-white background (muted is
|
|
69
|
+
too close to both), and the shimmer highlight reads against it. */
|
|
70
|
+
--color-skeleton: 219 225 235; /* #dbe1eb */
|
|
71
|
+
|
|
67
72
|
/* Sidebar */
|
|
68
73
|
--color-sidebar: 255 255 255; /* #ffffff */
|
|
69
74
|
--color-sidebar-foreground: 30 41 59; /* #1e293b */
|
|
@@ -181,6 +186,10 @@
|
|
|
181
186
|
--color-muted: 38 38 45; /* #26262d */
|
|
182
187
|
--color-muted-foreground: 141 144 153; /* #8d9099 */
|
|
183
188
|
|
|
189
|
+
/* Skeleton — lighter than `muted` so it stays visible on both the dark
|
|
190
|
+
background and the (lighter) card surface. */
|
|
191
|
+
--color-skeleton: 52 53 62; /* #34353e */
|
|
192
|
+
|
|
184
193
|
/* Sidebar */
|
|
185
194
|
--color-sidebar: 14 14 18; /* #0e0e12 */
|
|
186
195
|
--color-sidebar-foreground: 229 230 236; /* #e5e6ec */
|