@progress/kendo-themes-html 14.7.1-dev.3 → 14.7.1-dev.4

package/dist/meta/action-sheet.json

@@ -0,0 +1,86 @@
+{
+  "component": "action-sheet",
+  "name": "ActionSheet",
+  "components": [
+    {
+      "name": "ActionSheet",
+      "isPrimary": true,
+      "rootClass": "k-actionsheet",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"dialog\"",
+          "description": "Announces the dialog role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"|\\\"false\"",
+          "description": "Announces the hidden state of the ActionSheet container."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-modal=\"true\"",
+          "description": "Announces that the action sheet is modal."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Used to associate the title with the action sheet wrapper element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "references ${id}-title"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "Dismisses the ActionSheet."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next focusable item."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves focus to the previous focusable item."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Triggers the action associated with the currently focused item."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Overlay",
+          "behavior": "Renders over the page content and prevents interaction with the rest of the UI."
+        },
+        {
+          "trigger": "Side",
+          "behavior": "Can be anchored to any edge of the screen: top, right, bottom, or left."
+        },
+        {
+          "trigger": "Title and subtitle",
+          "behavior": "Optionally renders a title and subtitle to describe the available actions."
+        },
+        {
+          "trigger": "Items",
+          "behavior": "Each action item consists of a label and an optional icon."
+        },
+        {
+          "trigger": "Dismiss",
+          "behavior": "Closes when the user taps the overlay backdrop or presses Escape."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+      "text": "ARIA practices Modal Dialog Example"
+    }
+  ]
+}

package/dist/meta/agent-response.json

@@ -0,0 +1,174 @@
+{
+  "component": "agent-response",
+  "name": "AgentResponse",
+  "components": [
+    {
+      "name": "ChainOfThought",
+      "isPrimary": true,
+      "rootClass": "k-chain-of-thought",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The role is implicit from the native <button> element used for the step's head."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\"false\"",
+          "description": "Rendered on the head only when the step is expandable, indicating whether its body is currently shown."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Required on the head when it has no visible label/secondaryLabel text."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers the focused head, toggling the expanded state when expandable."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next ChainOfThought head; each instance is its own stop in the tab sequence."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Clicking or activating the head toggles the nested Thought steps open and closed."
+        },
+        {
+          "trigger": "Completed state",
+          "behavior": "When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color."
+        },
+        {
+          "trigger": "Focus feedback",
+          "behavior": "Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian."
+        }
+      ]
+    },
+    {
+      "name": "Reasoning",
+      "isPrimary": true,
+      "rootClass": "k-reasoning",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The role is implicit from the native <button> element used for the step's head."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\"false\"",
+          "description": "Rendered on the head only when the step is expandable, indicating whether its body is currently shown."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Required on the head when it has no visible label/secondaryLabel text."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers the focused head, toggling the expanded state when expandable."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next Reasoning head; each instance is its own stop in the tab sequence."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Clicking or activating the head toggles the reasoning body open and closed."
+        },
+        {
+          "trigger": "Completed state",
+          "behavior": "When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color."
+        },
+        {
+          "trigger": "Focus feedback",
+          "behavior": "Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian."
+        }
+      ]
+    },
+    {
+      "name": "ToolCall",
+      "isPrimary": true,
+      "rootClass": "k-tool-call",
+      "options": [],
+      "states": [
+        "focus"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The role is implicit from the native <button> element used for the step's head."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\"false\"",
+          "description": "Rendered on the head only when the step is expandable, indicating whether its body is currently shown."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Required on the head when it has no visible label/secondaryLabel text."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers the focused head, toggling the expanded state when expandable."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next ToolCall head; each instance is its own stop in the tab sequence."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Clicking or activating the head toggles the tool call body (parameters, results, approval actions) open and closed."
+        },
+        {
+          "trigger": "Status",
+          "behavior": "The optional status Badge reflects the call's outcome (e.g. \"Completed\", \"Awaiting Approval\", \"Error\")."
+        },
+        {
+          "trigger": "Completed state",
+          "behavior": "When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color."
+        },
+        {
+          "trigger": "Focus feedback",
+          "behavior": "Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
+      "text": "WAI-ARIA Authoring Practices: Disclosure (Show/Hide) Pattern"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
+      "text": "WAI-ARIA Authoring Practices: Disclosure (Show/Hide) Pattern"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
+      "text": "WAI-ARIA Authoring Practices: Disclosure (Show/Hide) Pattern"
+    }
+  ]
+}

package/dist/meta/appbar.json

@@ -0,0 +1,42 @@
+{
+  "component": "appbar",
+  "name": "Appbar",
+  "components": [
+    {
+      "name": "Appbar",
+      "isPrimary": true,
+      "rootClass": "k-appbar",
+      "options": [
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Application header",
+          "behavior": "Renders as the primary header bar of the application."
+        },
+        {
+          "trigger": "Sticky positioning",
+          "behavior": "Stays fixed at the top of the viewport as the user scrolls."
+        },
+        {
+          "trigger": "Sections",
+          "behavior": "Divided into start, center, and end sections for flexible content placement."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/autocomplete.json

@@ -0,0 +1,163 @@
+{
+  "component": "autocomplete",
+  "name": "Autocomplete",
+  "components": [
+    {
+      "name": "Autocomplete",
+      "isPrimary": true,
+      "rootClass": "k-autocomplete",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "required",
+        "disabled",
+        "loading",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "Announces the autocomplete input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"listbox\"",
+          "description": "Indicates the component has a listbox popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Announces the popup visibility."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the autocomplete."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the autocomplete is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Popup list has listbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each list item is an option."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced by aria-controls on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-autocomplete",
+          "description": "Indicates autocomplete type"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to focused item when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Typing in the input",
+          "behavior": "Focuses the matched item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "Closes the popup."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Resets the value in the input when the popup is closed."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Triggers the `change` event."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Popup",
+          "behavior": "Opens a suggestion list when the user starts typing."
+        },
+        {
+          "trigger": "Filtering",
+          "behavior": "Narrows the suggestion list as the user types."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Choosing a suggestion fills the input and closes the popup."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text inside the input when it is empty."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input is non-interactive and visually dimmed."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-both.html",
+      "text": "WAI-ARIA Authoring Practices: Editable Combobox With Both List and Inline Autocomplete Example"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-list.html",
+      "text": "WAI-ARIA Authoring Practices: Editable Combobox With List Autocomplete Example"
+    }
+  ]
+}

package/dist/meta/avatar.json

@@ -0,0 +1,86 @@
+{
+  "component": "avatar",
+  "name": "Avatar",
+  "components": [
+    {
+      "name": "Avatar",
+      "isPrimary": true,
+      "rootClass": "k-avatar",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "outline"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "alt",
+          "description": "Images inside Avatar must have alt text for screen readers."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Image display",
+          "behavior": "Shows a user profile photo or custom image inside a circular container."
+        },
+        {
+          "trigger": "Initials fallback",
+          "behavior": "Displays the user's initials when no image is provided."
+        },
+        {
+          "trigger": "Sizes",
+          "behavior": "Available in extra-small, small, medium, large, and extra-large sizes."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html",
+      "text": "WCAG 1.1.1 Non — text Content - images must have text alternatives"
+    }
+  ]
+}

package/dist/meta/badge.json

@@ -0,0 +1,74 @@
+{
+  "component": "badge",
+  "name": "Badge",
+  "components": [
+    {
+      "name": "Badge",
+      "isPrimary": true,
+      "rootClass": "k-badge",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "tint",
+            "outline"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "info",
+            "success",
+            "warning",
+            "error"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Count indicator",
+          "behavior": "Overlays a numeric count or short text label on another element."
+        },
+        {
+          "trigger": "Positioning",
+          "behavior": "Anchors to a corner of the host element."
+        },
+        {
+          "trigger": "Cutout",
+          "behavior": "An optional outline style visually separates the badge from its host."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}