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

package/dist/meta/prompt.json

@@ -0,0 +1,151 @@
+{
+  "component": "prompt",
+  "name": "Prompt",
+  "components": [
+    {
+      "name": "Prompt",
+      "isPrimary": true,
+      "rootClass": "k-prompt",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the controlled element based on the given id."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Indicates the expanded state of the prompt expander content."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Indicates that the suggestion container element is a group."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Indicates that the suggestion element is a button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "The suggestion elements must be properly labelled."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The suggestion element should be focusable."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "If generating, stops the generation process."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers a click action on the suggestion element."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "If generating, stops the generation process. If not, closes the Inline AI Prompt popup."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Sends the message."
+        },
+        {
+          "trigger": "Shift + Enter",
+          "behavior": "Starts a new line in the textarea message box."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Input area",
+          "behavior": "A text input or textarea for entering the prompt text."
+        },
+        {
+          "trigger": "Submit",
+          "behavior": "A send button or Enter key submits the prompt."
+        },
+        {
+          "trigger": "Suggestions",
+          "behavior": "Pre-defined prompt suggestions are displayed above the input."
+        },
+        {
+          "trigger": "Toolbar",
+          "behavior": "An optional toolbar provides prompt-related actions."
+        }
+      ]
+    },
+    {
+      "name": "PromptSendButton",
+      "isPrimary": false,
+      "rootClass": "k-prompt-send",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "xsmall",
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline",
+            "clear",
+            "link"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "generating"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/propertygrid.json

@@ -0,0 +1,171 @@
+{
+  "component": "propertygrid",
+  "name": "Propertygrid",
+  "components": [
+    {
+      "name": "PropertyGrid",
+      "isPrimary": true,
+      "rootClass": "k-property-grid",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The toolbar is a collection of command buttons and inputs."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Clarifies the purpose of the toolbar."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-grid-aria-root id\"",
+          "description": "Points to the id of the element with role=treegrid."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"treegrid\"",
+          "description": "Sets the proper role for the PropertyGrid component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-colcount",
+          "description": "The total number of columns."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-rowcount",
+          "description": "The total number of rows in the table."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"",
+          "description": "Negates the default semantic role of the <table> element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"rowgroup\"",
+          "description": "Required as the owner <table> element has its semantic role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"row\"",
+          "description": "Required as the owner <table> element has its semantic role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-rowindex",
+          "description": "Row number."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"gridcell\"",
+          "description": "Required as the owner <table> element has its semantic role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-colindex",
+          "description": "Col number."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Set on the currently expanded row(s)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Removes the expand/collapse icon from the accessibility tree."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves focus one cell to the right (if any)."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves focus one cell to the left (if any)."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves focus one cell down (if any)."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves focus one cell up (if any)."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "When the grid is in InCell EditMode, then EditMode is activated. If the cell contains focusable elements, focus moves to the first focusable element inside."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves focus to the first cell in the row that contains focus."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves focus to the last cell in the row that contains focus."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Home",
+          "behavior": "Moves focus to the first (top-left) data cell in the PropertyGrid."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + End",
+          "behavior": "Moves focus to the last cell in the last row of the PropertyGrid."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowLeft",
+          "behavior": "Collapses the currently focused item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowRight",
+          "behavior": "Expands the currently focused item."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves to the next editor in the row (closing current editor). If focus is already on the last editable cell on the row, focus is moved to the first editable cell on the next row, and it's editor is opened."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves to the previous editor in the row (closing current editor). If focus is already on the first editable cell on the row, focus is moved to the last editable cell on the previous row, and it's editor is opened."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Commits changes for the edited item, and moves focus back to the edited cell."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Cancels the edit. The focus goes to the current cell."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Property list",
+          "behavior": "Displays properties and their current values in a two-column layout."
+        },
+        {
+          "trigger": "Grouping",
+          "behavior": "Properties are organized into collapsible category sections."
+        },
+        {
+          "trigger": "Inline editing",
+          "behavior": "Values are edited using appropriate input controls inline."
+        },
+        {
+          "trigger": "Search",
+          "behavior": "A search input filters the property list by name."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#treegrid",
+      "text": "WAI-ARIA specification for tree grid"
+    }
+  ]
+}

package/dist/meta/radio.json

@@ -0,0 +1,130 @@
+{
+  "component": "radio",
+  "name": "Radio",
+  "components": [
+    {
+      "name": "RadioButton",
+      "isPrimary": true,
+      "rootClass": "k-radio",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "required",
+        "disabled",
+        "checked"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "type=\"radio\"",
+          "description": "Announces the radio type of the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input requires an accessible name to which it will be assigned."
+        },
+        {
+          "prop": null,
+          "attribute": "checked",
+          "description": "Boolean attribute that announces the checked state of the radio button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message for the radio."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the radio input is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the radio button is in a form and announces the invalid state."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp or ArrowLeft",
+          "behavior": "Moves focus to the previous button and selects it. If the first button is focused, moves focus to the last."
+        },
+        {
+          "trigger": "ArrowDown or ArrowRight",
+          "behavior": "Moves the focus to the next button and selects it. If the last button is focused, moves the focus to the first one."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Exclusive selection",
+          "behavior": "Selecting a radio button deselects all others in the group."
+        },
+        {
+          "trigger": "Label",
+          "behavior": "An associated label describes the option the radio button represents."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the radio button is non-interactive."
+        }
+      ]
+    },
+    {
+      "name": "RadioGroup",
+      "isPrimary": true,
+      "rootClass": "k-radio-list",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the radio button is in a form and announces the invalid state."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Exclusive selection",
+          "behavior": "Selecting one radio button automatically deselects all others in the group."
+        },
+        {
+          "trigger": "Layout",
+          "behavior": "Items can be arranged horizontally or vertically."
+        },
+        {
+          "trigger": "Disabled group",
+          "behavior": "When the group is disabled, all contained radio buttons are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/radio/",
+      "text": "WAI-ARIA Authoring Practices: Radio Group Pattern"
+    },
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html",
+      "text": "WCAG 4.1.2 Name, Role, Value — radio must have accessible name"
+    },
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html",
+      "text": "WCAG 1.3.1 Info and Relationships — label must be programmatically associated"
+    }
+  ]
+}

package/dist/meta/rating.json

@@ -0,0 +1,108 @@
+{
+  "component": "rating",
+  "name": "Rating",
+  "components": [
+    {
+      "name": "Rating",
+      "isPrimary": true,
+      "rootClass": "k-rating",
+      "options": [],
+      "states": [
+        "disabled",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"slider\"",
+          "description": "Announces the slider role of the Rating element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby|title",
+          "description": "The Rating needs an accessible name to be assigned to it."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuenow",
+          "description": "Specifies the currently selected value in the Rating."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemin",
+          "description": "Specifies the minimum available value in the Rating."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemax",
+          "description": "Specifies the maximum available value in the Rating."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable. Disabled ratings are removed from tab order."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the Rating is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-readonly=\"true\"",
+          "description": "Rendered only when the Rating is readonly. Readonly ratings remain focusable but their value cannot be changed."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown or ArrowLeft",
+          "behavior": "Decreases value by one rating step."
+        },
+        {
+          "trigger": "ArrowUp or ArrowRight",
+          "behavior": "Increases value by one rating step."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Sets value to the Min available value in the Rating."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Sets value to the Max available value in the Rating."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Selection",
+          "behavior": "Clicking an icon selects the corresponding rating value."
+        },
+        {
+          "trigger": "Hover preview",
+          "behavior": "Hovering over icons previews the rating value before committing."
+        },
+        {
+          "trigger": "Half precision",
+          "behavior": "Supports half-value increments when half-precision mode is enabled."
+        },
+        {
+          "trigger": "Read-only",
+          "behavior": "When read-only, the current rating is displayed but cannot be changed."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the rating cannot be changed."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#slider",
+      "text": "WAI-ARIA specification for slider"
+    },
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html",
+      "text": "WCAG 4.1.2 Name, Role, Value — slider must have accessible name and value"
+    }
+  ]
+}