@agent-ui-kit/web-components 0.0.4 → 0.0.7

package/dist/docs/components/toast.yaml

@@ -45,6 +45,59 @@ events:
   dismiss:
     description: Fired when the toast is dismissed (auto or manual).
 
+tokens:
+  - name: --aui-toast-font-family
+    default: var(--aui-font-family)
+    description: Font family for toast message text.
+  - name: --aui-toast-font-size
+    default: var(--aui-font-size, 0.875rem)
+    description: Font size for toast message text.
+  - name: --aui-toast-color
+    default: var(--aui-ink)
+    description: Text color of the toast.
+  - name: --aui-toast-background
+    default: var(--aui-card, var(--aui-doc, #fff))
+    description: Background color of the toast.
+  - name: --aui-toast-border
+    default: var(--aui-border-muted, oklch(0.8 0 0))
+    description: Border color of the toast.
+  - name: --aui-toast-border-radius
+    default: var(--aui-radius, 0.5rem)
+    description: Border radius of the toast.
+  - name: --aui-toast-shadow
+    default: var(--aui-shadow-lg, 0 4px 16px oklch(0% 0 0 / 0.12))
+    description: Box shadow of the toast.
+  - name: --aui-toast-gap
+    default: var(--aui-pad-gap-control, 0.5rem)
+    description: Gap between message and close button.
+  - name: --aui-toast-padding
+    default: 0.75rem 1rem
+    description: Padding inside the toast.
+  - name: --aui-toast-close-color
+    default: var(--aui-ink-muted)
+    description: Color of the close button icon.
+  - name: --aui-toast-close-color-hover
+    default: var(--aui-ink)
+    description: Color of the close button icon on hover.
+  - name: --aui-toast-close-size
+    default: 1.25rem
+    description: Size of the close button hit area.
+  - name: --aui-toast-close-border-radius
+    default: var(--aui-radius, 0.25rem)
+    description: Border radius of the close button.
+  - name: --aui-toast-intent-info
+    default: var(--aui-info, oklch(0.6 0.15 250))
+    description: Accent color for info intent toasts.
+  - name: --aui-toast-intent-success
+    default: var(--aui-success, oklch(0.6 0.2 145))
+    description: Accent color for success intent toasts.
+  - name: --aui-toast-intent-warning
+    default: var(--aui-warning, oklch(0.75 0.15 75))
+    description: Accent color for warning intent toasts.
+  - name: --aui-toast-intent-danger
+    default: var(--aui-danger, oklch(0.6 0.2 25))
+    description: Accent color for danger intent toasts.
+
 examples:
   - html: <aui-toast open message="Item saved successfully" success duration="0"></aui-toast>
     description: Success toast.

package/dist/docs/components/tooltip.yaml

@@ -65,17 +65,30 @@ a11y:
 # ── CSS tokens consumed ──────────────────────────────────
 
 tokens:
-  color:
-    - --aui-tooltip-ink
-    - --aui-tooltip-fill
-  shape:
-    - --aui-radius
-  motion:
-    - --aui-easing
-  typography:
-    - --aui-font-family
-  shadow:
-    - --aui-shadow-sm
+  - name: --aui-tooltip-padding
+    default: 0.375rem 0.625rem
+    description: Padding inside the tooltip surface.
+  - name: --aui-tooltip-font-family
+    default: var(--aui-font-family)
+    description: Font family for tooltip text.
+  - name: --aui-tooltip-font-size
+    default: var(--aui-font-xs)
+    description: Font size for tooltip text.
+  - name: --aui-tooltip-color
+    default: var(--aui-solid-ink)
+    description: Text color of the tooltip.
+  - name: --aui-tooltip-background
+    default: var(--aui-solid)
+    description: Background color of the tooltip surface.
+  - name: --aui-tooltip-border-radius
+    default: var(--aui-radius, 0.375rem)
+    description: Border radius of the tooltip surface.
+  - name: --aui-tooltip-shadow
+    default: var(--aui-shadow-sm, 0 1px 3px oklch(0% 0 0 / 0.15))
+    description: Box shadow of the tooltip surface.
+  - name: --aui-tooltip-offset
+    default: 0.375rem
+    description: Distance between tooltip and its anchor element.
 
 # ── Examples ──────────────────────────────────────────────
 

package/dist/docs/components/tree-item.yaml

@@ -33,6 +33,53 @@ description: >
   The caret indicator uses aui-icon name="caret-right" (rotated when
   expanded) and is automatically stamped by the component.
 
+tokens:
+  - name: --aui-tree-item-gap
+    default: var(--aui-pad-gap-control)
+    description: Gap between caret, icon, and label.
+  - name: --aui-tree-item-padding-block
+    default: calc(var(--aui-pad-control-block) * 0.5)
+    description: Vertical padding of the tree item row.
+  - name: --aui-tree-item-padding-inline
+    default: var(--aui-pad-control-inline)
+    description: Horizontal padding of the tree item row.
+  - name: --aui-tree-item-font-family
+    default: var(--aui-font-family)
+    description: Font family for the tree item label.
+  - name: --aui-tree-item-font-size
+    default: var(--aui-font-size)
+    description: Font size for the tree item label.
+  - name: --aui-tree-item-line-height
+    default: var(--aui-control-line-height)
+    description: Line height for the tree item label.
+  - name: --aui-tree-item-color
+    default: var(--aui-ink)
+    description: Text color of tree items.
+  - name: --aui-tree-item-color-hover
+    default: var(--aui-ink-strong)
+    description: Text color on hover.
+  - name: --aui-tree-item-background-hover
+    default: var(--aui-fill-hover, var(--aui-action-hover))
+    description: Background color on hover.
+  - name: --aui-tree-item-color-selected
+    default: var(--aui-ink-strong)
+    description: Text color of the selected item.
+  - name: --aui-tree-item-background-selected
+    default: var(--aui-action-selected, var(--aui-control))
+    description: Background color of the selected item.
+  - name: --aui-tree-item-font-weight-selected
+    default: var(--aui-font-weight-medium)
+    description: Font weight of the selected item.
+  - name: --aui-tree-item-border-radius
+    default: var(--aui-radius)
+    description: Border radius of the tree item row.
+  - name: --aui-tree-item-caret-color
+    default: var(--aui-ink-muted)
+    description: Color of the expand/collapse caret icon.
+  - name: --aui-tree-item-color-disabled
+    default: var(--aui-ink-disabled, var(--aui-ink-muted))
+    description: Text color when disabled.
+
 examples:
   - html: |
       <aui-tree>

package/dist/docs/components/tree.yaml

@@ -11,6 +11,14 @@ a11y:
 composition:
   parents: [any]
   children: [aui-tree-item]
+tokens:
+  - name: --aui-tree-font-family
+    default: var(--aui-font-family)
+    description: Font family for tree item text.
+  - name: --aui-tree-font-size
+    default: var(--aui-font-size)
+    description: Font size for tree item text.
+
 examples:
   - html: |
       <aui-tree>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-ui-kit/web-components",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "type": "module",
   "main": "./dist/register.js",
   "module": "./dist/register.js",
@@ -25,6 +25,10 @@
     "./icons": "./dist/icons.js",
     "./agent-ui.css": "./dist/agent-ui.css",
     "./api.json": "./dist/api.json",
+    "./api.colors.json": "./dist/api.colors.json",
+    "./api.colors.yaml": "./dist/api.colors.yaml",
+    "./api.tokens.json": "./dist/api.tokens.json",
+    "./api.tokens.yaml": "./dist/api.tokens.yaml",
     "./docs/*": "./dist/docs/*",
     "./dist/*": "./dist/*"
   },