@inglorious/ui 8.2.2 → 8.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/ui",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "A design system for Inglorious Web with render-function components and customizable themes",
   "author": "Matteo Antony Mistretta <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -301,21 +301,21 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@inglorious/store": "11.0.5",
+    "@inglorious/store": "11.1.0",
     "@inglorious/utils": "5.0.0",
-    "@inglorious/web": "6.6.2"
+    "@inglorious/web": "6.7.0"
   },
   "devDependencies": {
     "@iconify-icons/fa7-brands": "^2.0.0",
     "@iconify-icons/fa7-regular": "^2.0.0",
     "@iconify-icons/fa7-solid": "^2.0.0",
     "@iconify-icons/material-symbols": "^2.0.6",
-    "@inglorious/charts": "11.1.1",
+    "@inglorious/charts": "11.1.2",
     "@inglorious/eslint-config": "1.1.4",
-    "@inglorious/store": "11.0.5",
+    "@inglorious/store": "11.1.0",
     "@inglorious/vite-plugin-jsx": "2.0.4",
     "@inglorious/vite-plugin-vue": "1.0.5",
-    "@inglorious/web": "6.6.2",
+    "@inglorious/web": "6.7.0",
     "@storybook/addon-docs": "^10.6.0",
     "@storybook/web-components-vite": "^10.6.0",
     "happy-dom": "^20.14.0",
@@ -323,6 +323,7 @@
     "prettier": "^3.9.6",
     "remark-gfm": "^4.0.1",
     "storybook": "^10.6.0",
+    "typescript": "~7.0.2",
     "vite": "^8.2.2",
     "vitest": "^5.0.0"
   },
@@ -336,8 +337,9 @@
     "format": "prettier --write .",
     "lint": "eslint .",
     "test:watch": "vitest",
-    "test": "vitest run",
+    "test": "vitest run && tsc -p type-tests",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test:types": "tsc -p type-tests"
   }
 }

package/src/data-display/list/style.css

@@ -42,21 +42,12 @@
     color 0.15s ease;
 }
 
-/* The leading icon is an Icon of size lg, which fixes its own width and
-   height. Its spacing therefore goes outside it, as margin: padding on the
-   same element fought that fixed size, and under border-box it ate the box,
-   leaving 32px of padding around a glyph that overflowed. */
 .iw-list-item-icon {
-  margin: var(--iw-list-icon-spacing, var(--iw-space-4));
+  padding: var(--iw-space-1);
 }
 
-/* An item without an icon lines its text up with the items that have one:
-   the icon, the margin either side of it, and the row gap. */
 .iw-list-item-inset .iw-list-item-content {
-  margin-inline-start: calc(
-    var(--iw-list-icon-size, var(--iw-space-6)) + 2 *
-      var(--iw-list-icon-spacing, var(--iw-space-4)) + var(--iw-space-2)
-  );
+  margin-inline-start: var(--iw-space-6);
 }
 
 .iw-list-title {
@@ -126,7 +117,6 @@
 }
 
 .iw-list-nested {
-  margin-top: var(--iw-space-1);
   padding-inline-start: var(--iw-space-4);
 }
 

package/types/controls/button.d.ts

@@ -2,7 +2,7 @@ import type { TemplateResult } from "@inglorious/web"
 
 export interface ButtonProps {
   id?: string
-  type: "Button"
+  type?: string
   children?: TemplateResult | string | number
   variant?: "default" | "outline" | "ghost"
   color?:

package/types/data-display/data-grid.d.ts

@@ -50,7 +50,7 @@ export interface Column {
 }
 
 export interface DataGridProps<T extends Row = Row> {
-  id: string | number
+  id?: string
   type: string
   data: T[]
   columns: Column[]

package/types/data-display/virtual-list.d.ts

@@ -13,7 +13,7 @@ export interface VirtualListEntity<
   T extends VirtualListItem = VirtualListItem,
 > {
   /** A unique identifier for the list entity. */
-  id: string | number
+  id?: string
 
   /** The entity type, used to look up rendering logic. */
   type: string