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

package/dist/meta/stepper.json

@@ -0,0 +1,97 @@
+{
+  "component": "stepper",
+  "name": "Stepper",
+  "components": [
+    {
+      "name": "Stepper",
+      "isPrimary": true,
+      "rootClass": "k-stepper",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"navigation\"",
+          "description": "The landmark role navigation must be assigned to the component."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses previous link."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses next link."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Focuses first link."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Focuses last link."
+        },
+        {
+          "trigger": "Space or Enter",
+          "behavior": "Activates the currently focused link."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Progress indicator",
+          "behavior": "Shows the current step, completed steps, and upcoming steps."
+        },
+        {
+          "trigger": "Click navigation",
+          "behavior": "Previously completed steps can be revisited by clicking."
+        },
+        {
+          "trigger": "Linear mode",
+          "behavior": "In linear mode steps must be completed in order before proceeding."
+        },
+        {
+          "trigger": "Labels",
+          "behavior": "Each step has a descriptive label below its indicator."
+        },
+        {
+          "trigger": "Error state",
+          "behavior": "A step can display an error icon when its content has validation issues."
+        }
+      ]
+    },
+    {
+      "name": "Step",
+      "isPrimary": false,
+      "rootClass": "k-step",
+      "options": [],
+      "states": [
+        "disabled",
+        "hover",
+        "focus",
+        "invalid",
+        "valid"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\"tab\"",
+          "description": "When true, renders with wizard tab pattern: role=none on li, role=tab on link."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "for the step link, pointing to the associated tabpanel id"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#navigation",
+      "text": "WAI-ARIA specification for navigation"
+    }
+  ]
+}

package/dist/meta/switch.json

@@ -0,0 +1,128 @@
+{
+  "component": "switch",
+  "name": "Switch",
+  "components": [
+    {
+      "name": "Switch",
+      "isPrimary": true,
+      "rootClass": "k-switch",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "trackRounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "thumbRounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "disabled",
+        "readonly",
+        "checked"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"switch\"",
+          "description": "Announces the switch role of the element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input requires an accessible name to which it will be assigned."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-required=\"true\"",
+          "description": "Rendered only when the Switch is in a form. Required because <span role=\"switch\"> does not support the native required attribute."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-checked",
+          "description": "Announces the checked state of the Switch."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message for the switch."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the Switch is in a form and announces the invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable. Disabled switches are removed from tab order."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the Switch is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-readonly=\"true\"",
+          "description": "Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Space",
+          "behavior": "Toggles the checked state of the Switch. Works analogically to the checkbox."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Toggle",
+          "behavior": "Clicking the switch flips between on and off states."
+        },
+        {
+          "trigger": "Labels",
+          "behavior": "Optional on/off labels inside the track reflect the current state."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the switch cannot be toggled."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#switch",
+      "text": "WAI-ARIA Specification for the Switch"
+    },
+    {
+      "url": "https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html",
+      "text": "WCAG 4.1.2 Name, Role, Value — switch must have accessible name and proper role"
+    }
+  ]
+}

package/dist/meta/table.json

@@ -0,0 +1,95 @@
+{
+  "component": "table",
+  "name": "Table",
+  "components": [
+    {
+      "name": "DataTable",
+      "isPrimary": true,
+      "rootClass": "k-data-table",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "Table",
+      "isPrimary": true,
+      "rootClass": "k-table",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TableHeader",
+      "isPrimary": true,
+      "rootClass": "k-table-header",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TableHeaderWrap",
+      "isPrimary": true,
+      "rootClass": "k-table-header-wrap",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TableList",
+      "isPrimary": true,
+      "rootClass": "k-table-list",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/tabstrip.json

@@ -0,0 +1,145 @@
+{
+  "component": "tabstrip",
+  "name": "Tabstrip",
+  "components": [
+    {
+      "name": "TabStrip",
+      "isPrimary": true,
+      "rootClass": "k-tabstrip",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Scroll buttons are hidden from assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Optional; applied to the TabStripItems element, referenced by tab aria-controls."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp or ArrowDown",
+          "behavior": "Activates the previous/next tab (vertical orientation). Navigation wraps — when end is reached the first tab is focused, when start is reached the last tab is focused."
+        },
+        {
+          "trigger": "ArrowLeft or ArrowRight",
+          "behavior": "Activates the previous/next tab (horizontal orientation). Navigation wraps — when end is reached the first tab is focused, when start is reached the last tab is focused."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the content of the active tab. Roving tabindex — only the active tab has tabindex=0, remaining tabs have tabindex=-1."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves focus back to the active tab from the panel."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Activates the focused tab (when automatic selection is disabled)."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves focus to and activates the first tab."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves focus to and activates the last tab."
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "Removes the focused tab from the tab list."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Tab activation",
+          "behavior": "Clicking a tab header displays its associated content panel."
+        },
+        {
+          "trigger": "Closable tabs",
+          "behavior": "Tabs can include a close button to remove the tab."
+        },
+        {
+          "trigger": "Overflow scrolling",
+          "behavior": "When tabs overflow the header, scroll arrows appear."
+        },
+        {
+          "trigger": "Disabled tabs",
+          "behavior": "Individual tabs can be disabled and are non-interactive."
+        },
+        {
+          "trigger": "Tab position",
+          "behavior": "Tabs can be placed at the top, bottom, left, or right of the content area."
+        }
+      ]
+    },
+    {
+      "name": "TabStripContent",
+      "isPrimary": false,
+      "rootClass": "k-tabstrip-content",
+      "options": [],
+      "states": [
+        "active",
+        "focus"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TabStripItem",
+      "isPrimary": false,
+      "rootClass": "k-tabstrip-item",
+      "options": [],
+      "states": [
+        "active",
+        "hover",
+        "disabled",
+        "focus"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "TabStripItems",
+      "isPrimary": false,
+      "rootClass": "k-tabstrip-items",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"vertical\"",
+          "description": "Set on the tablist when the tabstrip is vertical."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#tablist",
+      "text": "WAI-ARIA specification for tablist"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic.html",
+      "text": "WAI-ARIA practices: TabList example"
+    }
+  ]
+}

package/dist/meta/taskboard.json

@@ -0,0 +1,134 @@
+{
+  "component": "taskboard",
+  "name": "Taskboard",
+  "components": [
+    {
+      "name": "TaskBoard",
+      "isPrimary": true,
+      "rootClass": "k-taskboard",
+      "options": [],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "The TaskBoard has role=application as its inner navigation requires the use of arrows."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"form\"",
+          "description": "The edit Form needs the appropriate role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "The TaskBoard edit form must be labeled by the header text of the pane."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates through the TaskBoard tab stops - the ToolBar, each Column, column action buttons, each Card, popup items, and pane fields/buttons."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Focuses the previous column or a card in the previous column."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Focuses the next column or a card in the next column."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Focuses the previous card."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Focuses the next card."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the focused card."
+        },
+        {
+          "trigger": "Delete",
+          "behavior": "Deletes the currently focused item. When focus is on a card, deletes the card. When focus is on a column, deletes the column. If delete confirmation is enabled, opens a confirmation dialog instead of deleting immediately."
+        },
+        {
+          "trigger": "Control + E",
+          "behavior": "Puts the focused card or column in edit mode."
+        },
+        {
+          "trigger": "Control + A",
+          "behavior": "Creates a new card or column. Creating a card is blocked when the target column has reached its WIP limit."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Activates the focused popup action."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves focus to the previous popup item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves focus to the next popup item."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup and returns focus to the actions button."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "When focus is in the title field, saves the current changes."
+        },
+        {
+          "trigger": "Control + Enter",
+          "behavior": "When focus is in the description field, saves the current changes."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the pane and returns focus to the element that opened it."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next field or action in the pane."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves focus to the previous field or action in the pane."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Columns",
+          "behavior": "Tasks are grouped into columns that represent workflow stages."
+        },
+        {
+          "trigger": "Cards",
+          "behavior": "Each task is displayed as a card with a title and optional metadata."
+        },
+        {
+          "trigger": "Drag and drop",
+          "behavior": "Cards are dragged between columns to update their status."
+        },
+        {
+          "trigger": "Add card",
+          "behavior": "Each column has an add button to create a new task."
+        },
+        {
+          "trigger": "Edit card",
+          "behavior": "Clicking a card opens an edit form for the task details."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#listt",
+      "text": "WAI-ARIA spec: Role List"
+    }
+  ]
+}